 |
| Course List App with React and rest API | IndianTechnoEra |
Aim
Build a course list application with basic react concepts and rest API. Follow the below mentioned steps to build the application.
(a). Make use of JSON server to create a static API (Containing courses JSON data)
(b). Under each course there must be unique button
(c). On clicking, Inquire button of form should be displayed.
Here user
should be able to display their details.
(d). On clicking the submit button, the user information should be added to Jason file.
(e). Create one more route to display user enquire.
Required Step
step 1 : install json-server "npm install -g json-server"
Step 2 : Create a JSON data file as following Component 1 to npm run
Step 3 : Now start JSON server "json-server --watch db.json
"
Then local server will start, as default http://localhost:3000
You will get two different link like
- http://localhost:3000/course
- http://localhost:3000/course_enquire
These both link will be use during creating the component. So now start
creating React Component from Component 2
Required Components:
App.js
CourseList.js
Layout.js
TableAll.js
TableBody.js
PostForm.js
db.json
Output
 |
| Course List App with React and rest API | IndianTechnoEra |