https://github.com/sahvsergio/treehouse_full-stack_javascript_techdegree_unit10
https://github.com/sahvsergio/treehouse_full-stack_javascript_techdegree_unit10
jsx react react-router reactcontextapi
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/sahvsergio/treehouse_full-stack_javascript_techdegree_unit10
- Owner: sahvsergio
- Created: 2025-06-05T02:14:37.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-07-09T02:14:38.000Z (10 months ago)
- Last Synced: 2025-07-09T03:26:20.609Z (10 months ago)
- Topics: jsx, react, react-router, reactcontextapi
- Language: JavaScript
- Homepage:
- Size: 870 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Treehouse_Full-Stack_JavaScript_Techdegree_unit10: Full Stack App with React and a REST API
## Description
The project provides a JavaScript full stack app with an Express Rest API containing course details after authentication is provided, presented through a frontend visual using React.
## Tech Stack
* React
* Express
* Sequelize
* Basic Auth
* Bcrypt
* SQLite
## Set Up Instructions
## Try it
## Future Improvements
* The CourseDetail component redirects users to the /notfound path if the requested course isn't returned from the REST API.
* The UpdateCourse component redirects users to the /notfound path if the requested course isn't returned from the REST API.
* The UpdateCourse component redirects users to the /forbidden path if the requested course isn't owned by the authenticated user.
* Components redirect users to the /error path when requests to the REST API return a "500 Internal Server Error" HTTP status code.
* If an unauthenticated user is redirected to the sign in page, the UserSignIn component redirects users back to the previous screen after successfully signing in.
* Components redirect users to the /error path when requests to the REST API return a "500 Internal Server Error" HTTP status code.
* The following routes and components are configured (listed in the format path - component):
* /notfound - NotFound - Renders a message letting the user know that the requested page can't be found.
* /forbidden - Forbidden - Renders a message letting the user know * that they can't access the requested page.
* /error - UnhandledError - Renders a message letting the user know that an unexpected error has occurred.
* React Router is configured so that if a route isn't matched the NotFound component is rendered.
* The app persists user credentials using an HTTP cookie or local storage so that the user's authenticated state is maintained even if the application is reloaded or loaded into a new browser tab.
##Screenshot of the App Running