https://github.com/danpoynor/full-stack-app-with-react-front-end-and-a-express-rest-api
This demo allows users to administer a school database containing information about courses. Users are able to create a new account or sign in with an existing account, retrieve a list of existing courses and view details for a course. Once authenticated, they are able to create, update, or delete courses.
https://github.com/danpoynor/full-stack-app-with-react-front-end-and-a-express-rest-api
api basic-authentication context-api custom-hooks demo-app expressjs fullstack-javascript javascript provider react-hooks react-markdown react-router reactjs rest-api sequelize-orm
Last synced: about 1 month ago
JSON representation
This demo allows users to administer a school database containing information about courses. Users are able to create a new account or sign in with an existing account, retrieve a list of existing courses and view details for a course. Once authenticated, they are able to create, update, or delete courses.
- Host: GitHub
- URL: https://github.com/danpoynor/full-stack-app-with-react-front-end-and-a-express-rest-api
- Owner: danpoynor
- Created: 2022-06-13T16:52:04.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2023-03-03T00:43:52.000Z (over 3 years ago)
- Last Synced: 2025-06-12T21:54:16.999Z (about 1 year ago)
- Topics: api, basic-authentication, context-api, custom-hooks, demo-app, expressjs, fullstack-javascript, javascript, provider, react-hooks, react-markdown, react-router, reactjs, rest-api, sequelize-orm
- Language: JavaScript
- Homepage: https://fsjs-course-catalog-frontend.herokuapp.com
- Size: 2.49 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Full Stack App with React Frontend and Express REST API Backend
This demo allows users to administer a school database containing information about courses. Users are able to create a new account or sign in with an existing account, retrieve a list of existing courses and view details for a course. Once authenticated, they are able to create, update, or delete courses.
---
## Start the Backend Express REST API application
```csh
cd api
npm install
npm run seed
npm start
```
Then visit in your browser and your see the message "Welcome to the REST API project!".
## Start the Frontend React client UI application
```csh
cd client
npm install
npm start
```
Then visit in your browser and your see the UI for the Courses web application.