BrightHub

Inspiration

The idea for BrightHub came from noticing how fragmented learning has become. To learn effectively, especially in tech, you often need multiple platforms — one for courses, one for AI help, another for coding practice, and separate tools just to experiment. Switching between all these tools slows learning and makes it harder to stay consistent. BrightHub was created to bring these essentials together in one place.

What it does

BrightHub is an all-in-one learning platform that combines AI assistance, structured learning resources, and built-in developer tools. It includes an AI assistant powered by Gemini to help explain concepts and answer questions, a Learning Hub with free courses and curated resources, and a browser-based code editor and terminal that allow users to practice and experiment directly within the platform.

How we built it

BrightHub was built using HTML, CSS, and vanilla JavaScript. Gemini AI was integrated to provide learning assistance, while APIs were used to manage and deliver learning content. The application runs entirely on the frontend, with localStorage used to save user progress and course completion. It is deployed using GitHub Pages.

Challenges we ran into

One of the main challenges was combining learning content, AI assistance, and development tools without making the interface overwhelming. Managing dynamic content from APIs while keeping the app fast and responsive was also challenging. Since the project is frontend-only, implementing features like progress tracking and certificates required careful planning.

Accomplishments that we're proud of

We’re proud of building a functional all-in-one learning platform within the hackathon timeframe. Integrating AI support with practical tools like a code editor and terminal, while keeping everything free and accessible, was a major achievement. We also successfully structured a platform capable of supporting hundreds of learning resources.

What we learned

Through this project, we learned how to design learning-focused user experiences, integrate AI in a meaningful way, and manage complex features using only frontend technologies. We also gained a better understanding of how to balance features with simplicity under time constraints.

What's next for BrightHub

Next, we plan to expand the number of courses and learning categories, improve offline support, enhance AI personalization, and add more interactive learning features. We also want to improve the developer tools and explore collaboration features for learners.