React Front-End Site | Homework Helper

or 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 your name, the assignment (i.e. Assignment 3), and data due.
To turn in this assignment, you are to complete the same process you followed with your previous assignments, using the link at:
You must meet these requirements:
In your repository, after using npm to install the above libraries, delete the src directory and copythe src directory and all of its contents from the fake-proptypes project.
Modify this code so that the App.js file has the line 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.
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. YourEntry.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.
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!

Don't use plagiarized sources. Get Your Custom Essay on
React Front-End Site | Homework Helper
Get an essay WRITTEN FOR YOU, Plagiarism free, and by an EXPERT!
Order Essay
superadmin

Recent Posts

LDR 3302-21.01.01-1A24-S1, Organizational Theory and Behavior

LDR 3302-21.01.01-1A24-S1, Organizational Theory and Behavior Unit III Essay Top of Form Bottom of Form…

2 years ago

Psychology Question | My Essay Helpers

Chapter 9 What are teratogens? Give 5 examples. Define each of these stages: Germinal, embryonic,…

3 years ago

Financial Market Analysis | My Essay Helpers

You are a Financial Analyst that has been appointed to lead a team in the…

3 years ago

Decision theory | My Essay Helpers

This week’s discussion will focus on management decision-making and control in two companies, American corporation…

3 years ago

Literature Question | My Essay Helpers

Mary Rowlandson felt that the man who eventually came to own her, Quinnapin, was “the…

3 years ago