A web-based dashboard developed to manage campus placement opportunities efficiently. The application allows users to add, search, track, and delete company placement records while maintaining data persistence using Local Storage.
-
Add placement company details
-
Track company package (CTC)
-
Store application deadlines
-
Delete company records
-
Search companies instantly
-
Automatic form validation
-
Dashboard statistics
- Total Companies
- Highest Package Offered
-
Local Storage support (data remains after page refresh)
-
Clean and responsive user interface
- HTML5
- CSS3
- JavaScript (ES6)
- Local Storage API
- Git & GitHub
- GitHub Pages
Add screenshots here after uploading them to your repository.
Example:
/screenshots/dashboard-home.png
Placement-Dashboard/
│
├── index.html
├── style.css
├── script.js
└── README.md
- Enter company name, package, and deadline.
- Click Add Company.
- Company details are displayed dynamically.
- Search companies using the search box.
- Delete companies when required.
- Data is automatically stored in Local Storage and persists after refreshing the page.
- Dashboard statistics update automatically based on stored records.
Through this project, I gained hands-on experience in:
- DOM Manipulation
- Event Handling
- JavaScript Arrays and Objects
- CRUD Operations
- Local Storage Integration
- Dynamic UI Updates
- GitHub Deployment
- Edit company details
- Sort companies by package or deadline
- Export data to Excel/PDF
- User authentication
- Backend integration using Node.js and MongoDB
- Placement analytics dashboard
Ankita Dey
B.Tech in Computer Science & Engineering
GitHub: https://github.com/18vy
If you found this project useful, please consider giving it a star on GitHub.