StudyWithKat

• 

  dashboard

• 

  sidebar

• 

  pomodoro timer

Inspiration

We wanted to create a tool that not only makes studying productive but also rewarding. Inspired by the Tamagotchi style, StudyWithKat enhances the learning experience to be interactive and motivating, allowing students to incentivize their learning.

What it does

StudyWithKat is a Tamagotchi-style education app that transforms studying into a game. Users can earn coins by completing learning inspired tasks such as creating flashcards, taking quizzes, and using the focus mode. The coins can be used to take care of your interactive virtual cat, which reflects the user’s effort towards studying with Kat.

How we built it

We built StudyWithKat using HTML, CSS, and JavaScript to create the frontend. The backend was built with Flask to send and receive information from Firebase, bridging our frontend to our database. Firebase was used for data storage and authentication, while the ChatGPT API is used for creating flashcard generation from file imports, quizzes, and daily tasks.

Challenges we ran into

We encountered challenges connecting our HTML frontend to our Firebase database. This obstacle slowed our progress and ultimately prevented us from implementing some of the additional features we wanted to include. This experience provided us with insight into database integration and helped us understand the importance of preparing for potential connectivity issues.

Accomplishments that we're proud of

While developing StudyWithKat, we took pride in planning early and monitoring tasks with a well-organized task list. Having a clear structure allowed us to make progress promptly. Completing the frontend felt like a major accomplishment, as it was one crucial component to establishing the app.

What we learned

As our codebase became more complex, we realized the importance of outlining our plans for the frontend and backend components. Keeping active communication between both sides was vital to ensuring that features were implemented effectively. This taught us that efficient collaboration and planning are just as crucial as writing code when it comes to developing a functional app.

Built With

• chatgpt
• css
• firebase
• html
• javascript
• python