This project was built by a JSS3 student as part of the Web Development track. The goal was to create a real online presence for their school's coding club.
What was built
- Fully responsive landing page using HTML5 and CSS Grid
- JavaScript-powered event calendar
- Member showcase grid with hover effects
- Contact form with basic validation
Key learnings
The student learned how to structure a professional webpage, implement responsive layouts without a framework, and use the DOM to add interactivity. The project was deployed to GitHub Pages.
<!-- Responsive grid with CSS only -->
.members-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 1.5rem;
}