In this project, I use React to create client for an existing school database that I create for REST API project in unit 9.
- use basic authentication to allow users to sign up and sign in
- Allow users to interact with the database to retrieve a list of courses,
- Allow all users to view details for each course.
- Allow authenticated user to update and delete course they own.
To complete this project, I used :
As this project as a backend and a front-end, you will need to launch them separatly.
Let's first download the files to your computer to get ready for step 1. - Click on the arrow down of the green button of the project to expand it. - Once expanded, click on download. - Unzip the Downloaded folder - You will find two folder in the terminal forlder. The API folder in the one one need for step 1.
- Open your terminal and navigate navigate to the API folder.
- Once done, type npm install to install the project dependencies for the express server.
- then , type "npm start" to start/lunch the express server.
- Open another terminal then navigate to the client folder
- Once in there, type npm install to install the dependencies for the client
- Next, type "npm start" then press enter to launch the React client.
- Running npm start will automatically open your browser to `http://localhost:3000/`.