https://github.com/nia3zzz/Login-System---Node--MySQL--React
This Login System is a fullstack web app thats authenticates user, with functionalities for saving a user with hashed password in DB, logging in a user by comparing the typed and hashed password and saves a token in the localstorage after login. It uses MYSQL as the database, Express.js for handling server-side logic, React.js for rendering UI.
https://github.com/nia3zzz/Login-System---Node--MySQL--React
async-await authentication axios bcryptjs bootstrap5 expressjs full-stack-web-development mysql mysql2 nodejs react-router-dom reactjs single-page-app
Last synced: 7 months ago
JSON representation
This Login System is a fullstack web app thats authenticates user, with functionalities for saving a user with hashed password in DB, logging in a user by comparing the typed and hashed password and saves a token in the localstorage after login. It uses MYSQL as the database, Express.js for handling server-side logic, React.js for rendering UI.
- Host: GitHub
- URL: https://github.com/nia3zzz/Login-System---Node--MySQL--React
- Owner: nia3zzz
- Created: 2024-05-23T17:09:00.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-30T17:14:11.000Z (over 1 year ago)
- Last Synced: 2025-03-12T11:16:46.130Z (11 months ago)
- Topics: async-await, authentication, axios, bcryptjs, bootstrap5, expressjs, full-stack-web-development, mysql, mysql2, nodejs, react-router-dom, reactjs, single-page-app
- Language: JavaScript
- Homepage:
- Size: 190 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Login System - Node, MySQL, React
This Login System is a fullstack web app thats authenticates user, with functionalities for saving a user with hashed password in DB, logging in a user by comparing the typed and hashed password and saving a token in the local-storage after login. It uses MYSQL as the database to store users, Express.js for handling server-side logic, React.js for building the user interface, and Node.js for server-side runtime environment. The app provides a seamless experience for developers to authenticate users.
https://github.com/mushfiqurniazzz/Login-System---Node--MySQL--React/assets/148959859/ff672ae5-23d1-40a8-b57a-298a745db105
Running the Project Locally
To run this project on your local machine, follow these steps:
1. Clone the Repository: Clone this repository to your local machine:
git clone https://github.com/mushfiqurniazzz/Login-System---Node--MySQL--React
2. Navigate to Project Directory: Move into the project directory, repeat step 3 for frontend as well:
cd backend || frontend
3. Install Dependencies: Install the necessary dependencies using npm or yarn:
npm install
or
yarn
4. Setup Environment Variables: Create a `.env` file in the root of your project directory and add the variables mentioned in .env.sample
5. Start the Development Server: Run the following command to start the development server:
npm start
6. Access the App: Open your web browser and navigate to `http://localhost:3000[server], http://localhost:5173[frontend]` to access the app. You can now use the app locally on your machine, connected to your MySQL database using the credentials specified in the `.env` file.
7. Note: The project may not work if you do not install dependencies in both front end and backend. So you would have to apply step 2 and 3 twice, once in frontend and once in backend.