Habit Circle 2.0: A new and improved version of Habit Circle, a habit tracker that provides an appealing data visualization of monthly progress to motivate the completion of daily tasks. Rendering a circle with a ring for each habit you are a tracking and a slice for each day of that month, users can click on squares to color in habits and record completion, allowing user to playfully engage, track success, and visualize outcomes. This simple click to mark a habit complete is fun and simple.
- React frontend
- Rails API backend
- useState, useContext and useReducer hooks to manage global state
- d3 charting library to render nested donut charts to visualize outcomes
- JSON Web Tokens, Rails Bcrypt and localStorage to store encrypted user information client-side