Skip to content

MayankSharma-2812/Team-D

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎬 Squad 124 — Team D | Portfolio Website

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.


🚀 Project Overview

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.


🌟 Features

  • 🎞 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

🧠 Tech Stack

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.


🧩 Folder Structure

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


👨‍💻 Team Contributions

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

🏁 Purpose of the Project

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

🔮 Future Enhancements

  • 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

📸 Screenshots

(Add once hosted)


📎 Links

Resource Link
GitHub Repo (add link once uploaded)
LinkedIn Profiles Included inside website
Project Designs N/A

🙌 Acknowledgements

Special thanks to:

  • Kalvium Faculty & Mentors
  • Squad 124 teammates
  • Competition Organizers

This project marks Season 1 of our journey — many more to come.


About

Portfolio website for Squad 124 — Team D (Intersquad Coding Competition)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors