Skip to content

🌐 A simple intern dashboard web app with login, referral code, donation stats, and rewards β€” built with HTML, CSS, JS & Node.js backend.

svk-vasanthkumar/Intern-Dashboard

Repository files navigation

🎯 Intern Dashboard Portal

A simple intern dashboard web app that displays:

  • Intern's name
  • Referral code (auto-generated from name)
  • Total donations raised (from backend)
  • Static rewards list (unlockables)


🧩 Project Structure

intern-dashboard/ β”œβ”€β”€ backend/ ← Node.js + Express API β”‚ └── index.js β”œβ”€β”€ frontend/ ← HTML + CSS + JS β”‚ β”œβ”€β”€ index.html β”‚ β”œβ”€β”€ dashboard.html β”‚ β”œβ”€β”€ dashboard.js β”‚ └── style.css


βš™οΈ Features

Page Description
index.html Dummy login page (name only)
dashboard.html Dashboard with intern info & rewards
style.css Clean modern design
dashboard.js Connects to backend & displays data
index.js Express.js backend API (returns JSON)

πŸš€ Setup Instructions (Frontend + Backend)

πŸ“ 1. Clone the Project

git clone https://github.com/svk-vasanthkumar/Intern-Dashboard.git cd Intern-Dashboard πŸ–₯️ 2. Run Backend (Local API) bash Copy Edit cd backend npm install node index.js βœ… Backend will run at: http://localhost:3000/user

Sample JSON output:

{ "name": "Vasanthkumar", "referralCode": "vasanth2025", "totalDonations": 7800 } 🌐 3. Open Frontend (Dashboard) bash Copy Edit cd ../frontend Open index.html in your browser

Enter name and click Login

Dashboard loads name, referral code, and donations

πŸ”— Live working demo (frontend + backend)

πŸ“ GitHub repo with:

All project files

This README.md

About

🌐 A simple intern dashboard web app with login, referral code, donation stats, and rewards β€” built with HTML, CSS, JS & Node.js backend.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published