QuestLog

• 

  Profile Page showing missions and achievements.

• 

  Home (Landing) page

• 

  Page advertising major features of QuestLog

• 

  Calendar page, allows for both manual and automatic scheduling entries

• 

  Quests page that shows main quests and side quests when they are generated.

• 

  Journal page, where users can add content that will be passed for the AI to make recommendations..

Inspiration

The group wanted to encourage people to go outside more, and encourage people to make the most out of otherwise mundane tasks. Side quests were built to be fun and recommend positive life style choices.

What it does

Analyzes journal entries using ChatGPT to generate personalized quests Creates both main quests (primary goals) and side quests (smaller tasks) Provides AI-generated insights and suggestions based on user progress Uses a "DATA FRAGMENTS" reward system to gamify task completion Builds personalized schedules based on user preferences and task priorities Adapts quest difficulty and suggestions based on user performance

How we built it

Frontend: Next.js with React for a modern, responsive UI Backend: Firebase for real-time data storage and authentication AI Integration: OpenAI's GPT-4 for intelligent analysis and quest generation Styling: Tailwind CSS for consistent, modern design State Management: React hooks for efficient data handling API Routes: Next.js API routes for secure AI communication

Challenges we ran into

Fine-tuning prompt engineering for consistent JSON responses

Accomplishments that we're proud of

Created a scalable Firebase data structure Developed an engaging and intuitive interface

What we learned

Importance of proper error handling in AI integrations How to make AI suggestions feel personal and relevant

What's next for QuestLog

Mobile app development Social features for quest sharing and collaboration

Built With

• firebase
• googleauth
• javascript
• next.js
• node.js
• openai
• react
• tailwind