Skip to content

Alex-M-Howard/habitual

Repository files navigation

Habitual

Habitual logo

Habitual is a daily habit tracker that shows you the kind of data to keep you motivated to continue. Key features include a daily journal to keep track of your thoughts, and charts that help show how far you've come and how consistent you're being on your journey.

Visit the Habitual website

Table of Contents

Installation

  1. Clone the repository:
git clone https://github.com/Alex-M-Howard/habitual.git
  1. Install the required dependencies:
cd habitual
npm install
  1. To build/start the project for production, use the following command:
npm run build
npm start
  1. To build/start the project for development, use the following command:
npm run dev

Usage

  1. Open your browser and navigate to http://localhost:3000 (if running in development mode or production mode).
  2. Start using Habitual to track your daily habits and view your progress.

Screenshots

Habitual screenshot 1 Habitual screenshot 2 Habitual screenshot 3 Habitual screenshot 4 Habitual screenshot 5 Habitual screenshot 6

Technologies Used

  • Next.js
    • A modern, high-performance React framework for building server-rendered web applications with fast page loads and seamless transitions.
  • Chart.js
    • A simple yet flexible JavaScript library for creating beautiful and responsive charts, graphs, and data visualizations in web applications.
  • React
    • A popular JavaScript library for building reusable and interactive UI components, maintaining state, and efficiently rendering updates.
  • MUI
    • A comprehensive, customizable, and accessible UI component library for building modern, responsive web applications with React.
  • AWS RDS
    • A managed, scalable, and highly available relational database service from Amazon Web Services, supporting the PostgreSQL database engine.

Contact Info