AspireAI: Building a Hub for High School Career Guidance
What Inspired Us
As a dedicated advisor working closely with high school students, I often encounter questions about college and career paths. Students frequently feel overwhelmed navigating the web for resources. This inspired me to create AspireAI—a centralized hub where high schoolers can explore career paths and college majors tailored to their interests and skills.
What We Learned
My teammate and I learned several technologies to bring this project to life:
- Next.js: For building a fast and modern React framework.
- TailwindCSS: To design a sleek and responsive UI.
- Firebase: To handle authentication and store user data securely.
- OpenAPI: For integrating AI-driven suggestions.
- TypeScript: To write clean, strongly-typed code.
As a beginner, it was a steep learning curve, but with dedication and countless hours spent exploring tutorials and documentation, I gained valuable insights into these frameworks.
How We Built It
- Ideation: We brainstormed features high school students would find useful, such as career suggestions, a resume reviewer, and mock interviews.
- Setup: Using Next.js, we created a modular project structure to organize features efficiently.
- UI/UX Design: TailwindCSS helped us design a user-friendly interface.
- Backend Integration: Firebase was integrated to handle authentication and user data securely.
- AI Chatbot: OpenAPI enabled us to create a chatbot that provides personalized career guidance.
Challenges We Faced
- Firebase Integration: This was my first time using Firebase as a database. It was challenging to set up authentication and data storage. Thankfully, my teammate, David, stepped in to help with integration testing.
- Learning Curve: Picking up multiple frameworks in a short amount of time was daunting. However, we relied on each other, utilized resources, and referred to documentation extensively.
- Time Management: Balancing feature development with debugging was tough but rewarding.
Outcome
AspireAI became a hub for high school students to discover career paths and explore college majors in one spot. Through this project, I not only honed my technical skills but also deepened my understanding of the challenges and needs of the student community.
Built With
- firebase
- nextjs
- openai
- tailwind
- typescript
Log in or sign up for Devpost to join the conversation.