Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rasif-sahl/express-react-authentication
This repository showcases a user authentication system that's built for web applications. It combines the power of Express.js for the server-side (backend) and React.js for the user interface (frontend). In simple terms, it helps ensure that only the right users can access certain parts of your website or app.
https://github.com/rasif-sahl/express-react-authentication
actions backend-api common-api-function common-functions expressjs front-end jwt-auth jwt-authentication jwt-token passportjs reactjs reducer reducx
Last synced: 22 days ago
JSON representation
This repository showcases a user authentication system that's built for web applications. It combines the power of Express.js for the server-side (backend) and React.js for the user interface (frontend). In simple terms, it helps ensure that only the right users can access certain parts of your website or app.
- Host: GitHub
- URL: https://github.com/rasif-sahl/express-react-authentication
- Owner: rasif-sahl
- License: mit
- Created: 2023-09-04T14:26:46.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2023-09-08T00:53:06.000Z (about 1 year ago)
- Last Synced: 2024-10-12T19:02:01.540Z (about 1 month ago)
- Topics: actions, backend-api, common-api-function, common-functions, expressjs, front-end, jwt-auth, jwt-authentication, jwt-token, passportjs, reactjs, reducer, reducx
- Language: JavaScript
- Homepage:
- Size: 45.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# User Authentication with Express.js and React.js
This repository demonstrates a comprehensive user authentication system implemented using Express.js for the backend and React.js for the frontend. It provides a solid foundation for securing web applications and includes the following features:
* `User Registration:` Allow users to create accounts with secure password storage.
* `User Login:` Enable secure login for registered users with token-based authentication.
* `Token Management:` Manage user sessions and secure API access with JWT (JSON Web Tokens).
* `Password Hashing:` Safely store user passwords using bcrypt for hashing.
* `Middleware:` Implement middleware for route protection and authentication checks.
* `Protected Routes:` Control access to certain routes and components based on user authentication status.
* `API Integration:` Illustrate how to connect the React frontend to the Express.js backend using Axios.
This repository serves as a valuable resource for developers looking to implement user authentication in their Express.js and React.js applications. It offers clear code examples and best practices for building secure and user-friendly web experiences.
Feel free to explore, learn, and adapt this authentication system to your specific project needs.
## Back End
[Back-End](express-backend/BACKEND.md)
* Node version `v19.1.0`
* Npm version `9.6.7`
* If you need all the authentication in the same file `"main": "index.js",` to `server.js`
#### Set-up
* cd react-backend
* npm install
* node index.js
* port - `http://localhost:4000`
## Front End
[Front-End](react-frontend/FRONTEND.md)
* Node version `v19.1.0`
* Npm version `9.6.7`
#### Set-up
* cd react-frontend
* npm install
* npm start