Back to Portfolio

Auth User Dashboard

Auth-User-Dashboard

A user authentication and dashboard system built using Node.js, Express.js, MongoDB, and EJS. This project includes user registration, login, token-based authentication, and a simple user dashboard.

Project Screenshots

We are workin on it
We are workin on it
We are workin on it
We are workin on it

Features

  • User Sign-up & Login
  • Secure Password Hashing with bcrypt
  • Token-based Authentication
  • User Dashboard
  • MongoDB Database Integration
  • Error Handling & Validation
  • Deployed on Render

Live Demo / Showcase

Check out the live version of this project here:

Auth-User-Dashboard Live View Code

Feel free to explore the signup, login, and dashboard features in action!

Technologies Used

  • Frontend: HTML, CSS, JavaScript
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • View Engine: EJS

Installation & Setup

1. Clone the repository

git clone https://github.com/Raiplus/Auth-User-Dashboard.git
cd Auth-User-Dashboard

2. Install dependencies

npm install

3. Set up environment variables

Create a `.env` file in the root directory and add:

MONGO_URI=mongodb://localhost:27017/auth-dashboard
PORT=3000

4. Run the application

npm start

5. Open in browser

http://localhost:3000

Folder Structure

📦 Auth-User-Dashboard  
├── 📂 views/               # EJS Views (Frontend Templates)  
│   ├── index.html          # Landing Page  
│   ├── login.html          # Login Page  
│   ├── sign_up.html        # Signup Page  
│   ├── UserDashboard.ejs   # User Dashboard  
├── 📂 public/              # Static Assets (CSS, JS, Images)  
├── 📂 models/              # Database Models  
│   ├── User.js             # User Model  
├── 📂 routes/              # Express Routes  
├── main.js                 # Main Backend File  
├── package.json            # Project Configuration  
├── README.md               # Project Documentation

Deployment on Render

1. Connect GitHub repo

Go to Render and create a new Web Service. Connect your GitHub repository (`Raiplus/Auth-User-Dashboard`).

2. Configure build and start commands

  • Build Command: `npm install`
  • Start Command: `npm start`

3. Set environment variables

  • Add `MONGO_URI` with your MongoDB connection string.
  • Add `PORT` (optional, Render assigns automatically if omitted).

4. Deploy

Click `Create Web Service`. Render will build and deploy your app. Your app will be live on the provided Render URL.

License

This project is open-source and available under the MIT License.

Contributing

Want to improve this project?

  1. Fork the repository
  2. Create a new branch
  3. Make your changes
  4. Submit a pull request

Happy Coding!