Project Overview

A fully responsive school website designed to provide essential educational tools and school-related information. The site is divided into two sections: a public area accessible to all visitors and a student-specific section restricted to registered users. Key features include a quiz section designed to help Grade 12 students prepare for entrance exams, a comment section where parents can leave feedback about the school, and an e-learning section containing video tutorials. The platform also includes a digital library with downloadable books, a calendar for upcoming school events, and a news section to display daily updates.

Challenges & Solutions

One of the challenges was organizing multiple features while maintaining a clean layout and user-friendly experience. This was achieved by carefully structuring the HTML and CSS, and using jQuery to manage navigation and interactions. Access to student-only sections was controlled using simple PHP-based login and session handling.

Technologies Used

• HTML, CSS – for building the structure and styling
• JavaScript and jQuery – for interactivity and UI behavior
• MongoDB for the database
• PHP – to handle basic login and access control
• MySQL – to store quiz data, user login details, and comments