-
-
EduPrep landing page showing main course offerings and interactive learning paths.
-
EduPrep homepage layout featuring project-based learning tracks.
Inspiration
Many students struggle to find practical, project-based tech education. We built EduPrep to bridge this gap, providing a clear path for learners to master coding, design, and digital skills through real-world application.
What it does
EduPrep is an interactive learning platform offering structured tech courses, project-based learning materials, and a modern, fully responsive user interface tailored for seamless navigation on any device.
How we built it
- Frontend: Built with HTML5, CSS3, and JavaScript for optimal performance and fast load times.
- Deployment: Hosted on GitHub Pages for reliable, continuous delivery.
- SEO: Configured meta tags, Open Graph protocols, and verified indexation via Google Search Console.
Challenges we ran into
- Resolving pathing issues and configuring primary entry points (
index.html) for GitHub Pages. - Fine-tuning HTML
<head>meta tags to ensure immediate approval during Google Search Console verification. - Maintaining layout responsiveness across various screen sizes.
Accomplishments that we're proud of
- Successfully deployed a live, functional platform on GitHub Pages with fast load times.
- Fully configured search engine optimization and submitted indexing requests to Google.
- Designed a clean, mobile-friendly UI under tight hackathon deadlines.
What we learned
- Hands-on production deployment and domain management using GitHub Pages.
- Essential SEO practices including site verification and indexing pipelines.
- Efficient frontend debugging and UI optimization under time constraints.
What's next for EduPrep
- Adding browser-based interactive code playgrounds.
- Implementing automated quizzes and verifiable completion certificates.
- Integrating AI-powered study assistance for personalized feedback.
Built With
- css3
- github
- google-search-console
- html5
- javascript
- seo
