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)
intern-dashboard/ βββ backend/ β Node.js + Express API β βββ index.js βββ frontend/ β HTML + CSS + JS β βββ index.html β βββ dashboard.html β βββ dashboard.js β βββ style.css
| 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) |
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