12 Aug Modify this code so that the App.js file has the line
For this assignment, you are required to modify the fake-proptypes React project in our class
repository to make it work with data obtained from https://jsonplaceholder.typicode.com/. In
it, you need to include everything I need to simply run npm install and npm start to open your
page in a browser once I clone the repository to my system. Begin by using create-react-app, then
install bootstrap, react-bootstrap, and axios using npm so you have the freshest starting point. Your
README.md file must include all steps and things you did for the project, your name, the assignment (i.e. Assignment 3), and data due.
You must meet these requirements:
1. In your repository, after using npm to install the above libraries, delete the src directory and copy
the src directory and all of its contents from the fake-proptypes project.
2. Modify this code so that the App.js file has the line <Entries number={3}/> to indicate that
your program will produce 3 entries. Note that I should be able to change this to any number
between 1 and 10 and it will work with that number of entries. Your modified Entries.js program
will take the props (a single number) from App.js and create an array of numbers for it (e.g. for
3, create [1, 2, 3], and for 8, create [1, 2, 3, 4, 5, 6, 7, 8]). The map in the Container in Entries.js
should loop over those numbers, passing the number into Entry.js.
3. From here, you need to modify the program to work correctly by having useEffect code in the
Entry.js file access data from the placeholder site. In particular, you are to use the /users
endpoint, with the number passed into Entry.js indicating which entry from the site to use. Your
Entry.js program should display any data from the /users endpoint you wish, but at least one of
the fields must be a nested property (e.g. address.street or company.name). For the field I call
animals, you may use a hardcoded link to any image, e.g. https://via.placeholder.com/600/
771796 or some other image of your choice.
4. You must use PropTypes to enforce strong types. When I run your code, I will open the console in
Chrome. There cannot be ANY warnings or errors when I run it!
Our website has a team of professional writers who can help you write any of your homework. They will write your papers from scratch. We also have a team of editors just to make sure all papers are of HIGH QUALITY & PLAGIARISM FREE. To make an Order you only need to click Ask A Question and we will direct you to our Order Page at WriteDemy. Then fill Our Order Form with all your assignment instructions. Select your deadline and pay for your paper. You will get it few hours before your set deadline.
Fill in all the assignment paper details that are required in the order form with the standard information being the page count, deadline, academic level and type of paper. It is advisable to have this information at hand so that you can quickly fill in the necessary information needed in the form for the essay writer to be immediately assigned to your writing project. Make payment for the custom essay order to enable us to assign a suitable writer to your order. Payments are made through Paypal on a secured billing page. Finally, sit back and relax.