Perosnal-Weekly-timetable-manager

Stars
7
Language
TypeScript
Updated
View on GitHub

Chrono Mind Spark

Chrono Mind Spark is an advanced productivity and habit-tracking web application built with React, TypeScript, Vite, and Tailwind CSS. It helps users manage tasks, track habits, set goals, analyze productivity, and utilize the Pomodoro technique—all in a beautiful, modern interface.

Features

  • Task Management: Create, edit, and organize tasks with intuitive UI components.
  • Weekly Grid: Visualize your week and plan tasks efficiently.
  • Habit Tracker: Build and maintain habits with daily/weekly tracking.
  • Goal Setting: Define and monitor personal or professional goals.
  • Analytics Dashboard: Gain insights into your productivity and habits.
  • Pomodoro Timer: Boost focus and productivity using the Pomodoro technique.
  • Customizable Sidebar & Header: Navigate easily and personalize your workspace.
  • Responsive Design: Optimized for mobile and desktop devices.
  • Modern UI Components: Built with reusable components and Tailwind CSS.

Tech Stack

  • Frontend: React, TypeScript, Vite
  • Styling: Tailwind CSS, PostCSS
  • State Management: React Context, Custom Hooks
  • UI Library: Custom components in /src/components/ui/

Getting Started

Prerequisites

  • Node.js (v18+ recommended)
  • Bun (optional, for faster installs)

Installation

# Clone the repository
git clone https://github.com/Manavarya09/chrono-mind-spark.git
cd chrono-mind-spark

# Install dependencies (choose one)
npm install
# or
bun install

Running the App

npm run dev
# or
bun run dev

Open http://localhost:5173 in your browser.

Building for Production

npm run build
# or
bun run build

Linting & Formatting

npm run lint

Project Structure

chrono-mind-spark/
├── public/           # Static assets
├── src/
│   ├── assets/       # Images and media
│   ├── components/   # React components
│   │   └── ui/       # Custom UI library
│   ├── hooks/        # Custom React hooks
│   ├── lib/          # Utility functions
│   ├── pages/        # App pages (Tasks, Habits, Analytics, etc.)
│   ├── App.tsx       # Main app component
│   └── main.tsx      # Entry point
├── package.json      # Project metadata
├── tailwind.config.ts# Tailwind CSS config
├── vite.config.ts    # Vite config
└── README.md         # Project documentation

Contributing

Contributions are welcome! Please open issues or submit pull requests for improvements, bug fixes, or new features.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/my-feature)
  3. Commit your changes (git commit -am 'Add new feature')
  4. Push to the branch (git push origin feature/my-feature)
  5. Open a pull request

License

This project is licensed under the MIT License.

Author

Created by Manavarya Singh

Chrono Mind Spark: Spark your productivity, master your habits, and achieve your goals.