MERN-Stack User Authentication Login Page

This project implements a robust MERN-stack user authentication system featuring login, registration, and profile management functionalities. It provides a comprehensive solution for handling user authentication and data management with a modern UI.

How to Set Up

Follow these steps to set up and run the application:

Step 1: Clone the Repository

Clone the repository using the command below or download it directly:

git clone https://github.com/AnubhavChaturvedi-GitHub/MERN-Stack-User-Authentication-Login-Sign-in-Sign-Up.git

Step 2: Navigate to the Project Directory

Change into the project directory:

cd MERN-Stack-User-Authentication-Login-Sign-in-Sign-Up

Step 3: Configure MongoDB

Update the MongoDB URL in the server.js file. Replace the placeholder with your MongoDB connection string:

// In server.js
mongoose.connect('mongodb://localhost:XXXXX/UserData', {
    useNewUrlParser: true,
    useUnifiedTopology: true,
})
// Replace with your MongoDB connection string

Step 4: Install Dependencies

Install the required npm packages:

npm install

Step 5: Run the MongoDB Server

Ensure MongoDB is running. Open a terminal and start the MongoDB server. The output should resemble:

Step 6: Start the Application

Open a new terminal, navigate to the project directory, and start the server:

npm start

The application will be available at http://localhost:3000.

Login Page

Sign-Up Page

Sign-Up Error Handling

Password Mismatch Error

View Password Toggle

Registration Success Alert

Login Error Handling + Quick Login Success

User Profilre With Logout Button

Features

• User Registration: Secure registration process with input validation.
• User Login: Authentication with error handling and password visibility toggle.
• User Profile Management: View and manage user profile information.

Troubleshooting

• Ensure MongoDB is installed and running properly.

• Verify the MongoDB connection string in server.js.

• Confirm all dependencies are installed by running npm install.

  Acknowledgements

• MERN Stack Documentation

• Node.js Documentation

License

This project is licensed under the MIT License. See the LICENSE file for details.