helloworld - StudySpark

• 

  System Architecture Diagram

StudySpark

The purpose of this app is to help students study efficiently by recommending topics that need more attention, avoiding time spent on topics they already know well.

The app tracks two metrics for each topic: Level of Confidence (LoC) — Low, Medium, or High — and the date of the latest study session. Together, these determine a proficiency score for each topic.

After each study session, students log how well it went and the date. If a topic isn’t studied for a while, its score decreases. The decay rate depends on how many times the topic has been studied: after 3, 7, and 11 days for the first, second, and third+ sessions, respectively. This encourages spaced repetition — a proven effective study technique.

Based on the scores, the app recommends the top 3 topics needing review. This removes the guesswork in choosing what to study next, helping students stay focused and efficient.

We built this app using Next.js, leveraging its file-based routing and React components for better code structure. We used LocalStorage for data persistence due to limited backend experience. A daily motivational quote is also provided via the ZenQuotes API.

Built With

• css
• html
• javascript
• jsx
• next.js
• tailwind
• typescript
• zenquotes