🚀 Launchpad

A full-stack web application for student onboarding, authentication, and test management built with React + Vite (frontend) and Express + MongoDB (backend).

🌐 Live Deployment:
Launchpad on Netlify

---

📁 Folder Structure

project/
├── backend/       → Node.js + Express API
└── frontend/      → React + Vite app

---

🧪 Features

• User Signup & Login
• Admin Panel for control
• Student Dashboard
• Test instructions page
• MongoDB backend with JWT authentication
• Deployment-ready on Netlify

---

🔧 Full Setup Guide

✅ Backend Setup

1. Go to the backend folder

   cd backend

2. Initialize Node.js project (if not already initialized)

   npm init -y

3. Install backend dependencies

   npm install bcryptjs cors dotenv express jsonwebtoken mongoose

4. Setup .env file
   Create a .env file inside /backend:

   MONGO_URI=mongodb+srv://belalaamirkhan:[email protected]/?retryWrites=true&w=majority&appName=Cluster0
   JWT_SECRET=mystrongsecretkey123
   PORT=5002
   

5. Update package.json scripts
   In backend/package.json, set:

   "scripts": {
     "start": "nodemon server.js"
   }

6. Start the backend server

   npm start

---

✅ Frontend Setup

1. Open a new terminal & go to the frontend folder

   cd frontend

2. Initialize frontend project (if not already initialized)

   npm init -y

3. Install frontend dependencies

   npm install react react-dom react-icons react-router-dom axios

4. Install Vite & ESLint as dev dependencies

   npm install --save-dev eslint @vitejs/plugin-react vite

5. Install everything again (for safety)

   npm install

6. Update package.json scripts In frontend/package.json, set:

   "scripts": {
     "dev": "vite"
   }

7. Run the frontend dev server

   npm run dev

---

🚀 Deployment

🟢 Frontend on Netlify

• Go to Netlify
• Connect to your GitHub repository
• Build command: npm run build
• Publish directory: dist (for Vite)
• Set environment variables (if any)

👉 Live site

---

👨‍💻 Contributors

• Aamir Khan
• Abhishek Kumar Chauhan
  -Devansh Verma
  (And other awesome team members 🚀)