Author: Alex Nguyen
Habit Buddy is a mobile app designed to help users build better habits through motivation, tracking, and gamified challenges. It demonstrates interactive mobile design using React Native and Expo Snack.
- ✅ Tap-to-complete daily habit tracking
- 📊 Weekly progress visualized with streaks and emoji feedback
- 🎯 Challenges with editable goals and progress updates
- 💬 Motivational quotes pulled from the API Ninjas Quotes API
- 🌙 Toggleable dark mode and placeholder settings pages
- React Native (via Expo Snack)
- React Navigation (stack + tabs)
- React hooks:
useState,useEffect,useContext - API call to api.api-ninjas.com/v1/quotes
- Open in Snack: https://snack.expo.dev/@alekay/habit-buddy
- Modify screens in the
App.jsfile or extract to components as needed. - Replace API key with your own in the Home screen fetch logic for quotes.
App.js # Main logic and navigation
/components # Each screen stored as a tab or stack view
/assets # Screenshots and wireframes used for documentation
/report/report.qmd # Quarto report with write-up and reflections
- Home
- Challenges
- Streaks & Progress
- Settings (with subpages)
This app emphasized the importance of component structure, clean design, and managing global state. Hooks and Snack were powerful tools, and the iterative feedback helped refine each feature.
- GitHub: AlekayPrograms-HabitBuddy
- Snack: Habit Buddy on Snack
- Figma: Wireframes + Storyboard