Habit Buddy

Overview

What is Habit Buddy?

• Habit Buddy is a three-week capstone project for Ada Developers Academy by ichbinorange
• Web app
• It was inspired by the support system of Ada developers Academy
  • Habit Buddy tries to combine a habit tracking system with friends' supports
• App target
  • People who want to track progress when building a new habit
  • People who would love to have friends support while developing their habits
• App features
  • Start a habit
  • Track habit progress
  • Create a friendship and get encouragements from friends

.

How to get it set up

• Sign up/login with your google account with Habit Buddy
• Customize your profile
• Create your first Habit
• Submit a record about your habit, including how much time you spent on it
  • You then have the record for the habit; also
  • You can visualize your habit progress at a stacked bar chart either by month or by year
  • You can check the chart by single habit or overview all the habits
• Become friend with your friends by searching their email
  • You can send a friend request
  • You can confirm a friend request
• Send an encouragement message to your friend based on their habits
• View the messages from your friends

Demo

Features	Gifs
Create a new habit
Create a habit record
Check progress chart
Create friendship
Send message to a friend's habit
Read message from friends

Tech Stack for Habit Buddy

Core tech

• Back-end (In this habit-builder repo)
  • Spring Boot (Java)
• Database
  • PostgreSQL
• Front-end (In reactjs-habit-builder repo)
  • React (TypeScript)

Deployment

• Back-end
  • Dockerized Spirng Boot and deployed Docker image to Heroku
• Front-end
  • Deployed to Github Pages

Tech Stack	Database ERD

React dependencies

• axios
• react-router-dom
• React-Bootstrap
• React-vis and its storybook
• React Date Picker

Resources that made this app happened

Tutorials

• Java concept & Java tutorial - Tutorialspoint & Java tutorial - W3Schools
• TypeScript handbook
• Spring Boot Guides
• Spring Boot Reference Documentation
• How to start Spring Boot (youtube)
  • Setup Entity --> Controller --> Service --> Repository --> Config
  • JPA + Hibernate
  • Gradle project for Spring Boot
    • use Gradle.properties to setup environment variable
    • Spring Boot's externalized configuration for properties order
  • PostgreSQL
    • How to get started with PostgreSQL
    • PostgreSQL reserved keywords
    • PostgreSQL terminal query, ex \l, \c, \dt
  • One-to-many table relations using JPA & Hibernate annotation
  • Database auditing
• Setup Spring Boot + React + Google OAuth
  • Spring Security
  • OAuth2 Client
  • CORS
  • JWT
• Docker
  • Docker Desktop
  • Spring Boot + PostgreSQL and Docker
  • Setup .env for Dockerfile
• Deploy docker image to Heroku
  • troubleshooting
    • covert add-on postgres database to JDBC format
    • R10 no PORT issue for Spring Boot
    • R14 Memory Issues in Java Applications for Spring Boot
• Deploy React to Github Pages
  • troubleshooting SAP issues
    • Either try hashrouter (this one didn't work for me)
    • or Add a 404.html (I ended up using this)