A Netflix-inspired portfolio website representing Kalvium Squad 124.
This project showcases our journey, members, projects, achievements, and milestones in a cinematic format using only HTML, CSS, and JavaScript, aligned with our curriculum at Kalvium.
This website presents Squad 124 as a series of episodes and characters, turning our learning journey into a storyline.
The goal was to build a creative yet lightweight portfolio without using external UI frameworks.
- 🎞 Cinematic homepage with hero banner
- 👥 Member showcase with LinkedIn profiles
- 🔍 Searchable team directory using JavaScript filtering
- 🕒 Interactive timeline of squad events
- 💼 Project gallery with GitHub links
- ⭐ Review system with LocalStorage persistence
- 📱 Fully responsive layout
- 🔺 Custom Netflix-style UI theme
| Category | Technology |
|---|---|
| Markup | HTML5 |
| Styling | CSS3 + Netflix Sans Font + Icons |
| Logic & Interactivity | JavaScript (DOM, Events, LocalStorage) |
| Assets | Custom images & graphics |
| Tools Used | VS Code, Git, GitHub |
📍 No React, Tailwind, Bootstrap, backend, or external UI libraries — per competition constraints.
project-folder/ |-- assests/ | |-- images/ | |-- icons/ | |-- css/ | |-- styles.css | |-- teamd.css | |-- js/ | |-- script.js | |-- teamd.js | |-- index.html |-- teamd.html |-- members.html |-- projects.html |-- timeline.html |-- README.md
| Member | Role | Contribution |
|---|---|---|
| Mayank Sharma | Team Lead | Theme direction, styling, JS interactions, UI decisions |
| Prateek Verma | Designer | Homepage layout & styling |
| Piyush Yadav | Developer | Index page structure & UI elements |
This project was built as part of the Intersquad Coding Competition — CODESQUAD to:
- Present squad identity creatively
- Apply concepts learned in class
- Work collaboratively as a team
- Build real-world UI experience
- Backend support to store reviews permanently
- Dynamic API-based member profiles
- Admin dashboard to update content
- Public deployment with CDN optimization
- PWA + mobile app version
(Add once hosted)
| Resource | Link |
|---|---|
| GitHub Repo | (add link once uploaded) |
| LinkedIn Profiles | Included inside website |
| Project Designs | N/A |
Special thanks to:
- Kalvium Faculty & Mentors
- Squad 124 teammates
- Competition Organizers
This project marks Season 1 of our journey — many more to come.