Growly

A web application for habit tracking, learning, and personal development, featuring data visualization and flashcards.

The Growly project was created as a student project as part of computer science studies.

---

Application Purpose

• Growly was created to help users with:
• Building habits consistently,
• Organizing learning paths,
• Creating and reviewing flashcards,
• Tracking progress through charts and statistics.

The application combines productivity, personal development, and learning into one interactive tool.

---

Core Features

1. Dashboard

   • Overview of daily and weekly activities,
   • Activity and learning progress charts,
   • Daily motivational quotes.

2. Habits

   • Creating and editing custom habits,
   • Tracking progress using percentages, calendar views, and line charts,
   • Daily check-ins for completed habits.

3. Learning

   • Creating learning paths (topics, lessons),
   • Flashcards tab for reviewing materials,
   • Flashcard study mode (“know / don’t know”) with progress statistics.

4. Statistics

   • Analysis of user activity over time,
   • Heatmaps, line charts, and learning path comparisons,
   • Insights and achievement summaries.

5. Settings

   • User profile management,
   • Preferences and data export/import,
   • Notifications and version information.

---

Technologies

• Frontend: React + TypeScript + CSS Modules
• Backend: Express.js (local / JSON)
• Charts: Chart.js / Recharts
• Styling: Dark theme, minimalist interface
• Font: Inter (clean, modern, and readable)

---

Users / Roles

• End User: A person tracking habits and learning progress, creating learning paths and flashcards.

---

Installation & Running the App

# Clone the repository
git clone https://github.com/KamilKonopski/growly.git <folder_name>
cd <folder_name>

# Install dependencies
npm install

# Run the app in development mode
npm run dev

# Local backend (Express JSON server)
npm run dev