hero

Kurt Maglalang

Hardware & Software Engineer

Design, Develop, Deliver: Full-Stack and Hardware Solutions for Tomorrow

ConsistChart - Habit Tracking Application

ConsistChart - Habit Tracking Application

Tech Used

Next.JS
NextAuth
Tailwind CSS
TypeScript
Firebase

Description

ConsistChart - Habit Tracking Application

ConsistChart offers users a powerful visual representation of their habits over time. By leveraging heatmap graphs, reminiscent of GitHub's commit graph, users can seamlessly track their consistency in any habit they wish to monitor.

Description

Key Features:

User Authentication:

  • Sign in securely with a Google account using next-auth.

Heatmap Management:

  • Create a heatmap that visualizes your consistency in habits throughout the week.
  • Insert data points to highlight your commitment on specific days.
  • Personalize your heatmap with custom descriptions and titles.
  • Remove heatmaps as and when required.

User Profile and Settings:

  • Easily access and modify profile settings.
  • Toggle between light and dark themes. (Under Construction)
  • Adjust notification preferences. (Under Construction)
  • Update your profile name (with more functionalities on the horizon).

Technologies Used:

  • Next.js: Provides the frontend framework with powerful server-side rendering capabilities.
  • TypeScript: Ensures type safety, leading to robust code.
  • Tailwind CSS: Offers utility-first CSS for efficient custom design crafting.
  • Firebase: Acts as the backend solution for storing and fetching user data.
  • next-auth: Guarantees secure user authentication.
  • react-apexcharts: for heatmap creation