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.
FullStackAppAuthApp.mp4
To run this project on your local machine, follow these steps:
-
Clone the Repository: Clone this repository to your local machine:
git clone https://github.com/mushfiqurniazzz/Login-System---Node--MySQL--React
-
Navigate to Project Directory: Move into the project directory, repeat step 3 for frontend as well:
cd backend || frontend
-
Install Dependencies: Install the necessary dependencies using npm or yarn:
npm install
or
yarn
-
Setup Environment Variables: Create a
.envfile in the root of your project directory and add the variables mentioned in .env.sample -
Start the Development Server: Run the following command to start the development server:
npm start
-
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.envfile. -
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.