Kurt Maglalang
Hardware & Software Engineer
Design, Develop, Deliver: Full-Stack and Hardware Solutions for Tomorrow
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