Byte Size Habits

Byte Size Habits is a habit tracker web application specifically designed to help users learn how to code and improve their programming skills.

The user can set personal learning goals, duration to study each day and track their progress all with the help of a Tamagotchi-style digital pet called Nibbler. Nibbler can offer the user useful resources on your chosen topic of study and provide timed sessions to help the user fulfil their daily study target.

Project

Final group project for Northcoders bootcamp.

Tech Stack

JavaScript, Next.js, Supabase, Tailwind CSS, Daisy UI and Chart.js.

Role

Full stack software developer.
Github ↗

Objectives

  • Set personal goals. The user can select a programming language to learn and set a daily target to study, for example 30 minutes per day.
  • Motivate the user. Nibbler's health decreases over time and the only way to restore him to full charge is for the user to complete their daily learning objective.
  • Reward the user. When the user completes a study session they are awarded coins in addition to restoring Nibbler's health. These coins can be redeemed in store to treat your virtual pet.
  • Track progress.The user can track their progress and compare their weekly or monthly streak.

Wire Frames

Demo