A clean, minimal, and motivating habit tracker to help you build better routines every day.
Stay consistent. Stay happy. One habit at a time.
βSmall steps every day lead to big changes.β
β Routine Tracker π±
β
Daily Routine Management β Add, edit, and complete your routines
π Progress Visualization β See how consistent you've been
π¨ Minimalist UI β Designed to keep you focused, not distracted
π± Responsive Design β Works beautifully on all screen sizes
β‘ Fast & Lightweight β Powered by Vite, Tailwind & React
π§ Coming Soon β Add screenshots or a demo video/gif here to showcase the app in action!
| Technology | Usage |
|---|---|
| βοΈ React | UI Development |
| π§ TypeScript | Type safety & logic |
| π¨ Tailwind CSS | Styling |
| β‘ Vite | Build tool |
| π¦ Bun / npm | Package Management |
- Node.js (v16+)
- Bun (optional) or npm/yarn
# Clone the project
git clone https://github.com/yourusername/happy-routine-tracker.git
cd happy-routine-tracker
# Install dependencies
bun install
# or
npm install# Start dev server
bun dev
# or
npm run devThen open your browser at:
π http://localhost:5173
happy-routine-tracker/
βββ public/ # Static assets
βββ src/
β βββ components/ # Reusable UI components
β βββ pages/ # Page layouts
β βββ App.tsx # Main app component
β βββ main.tsx # Entry point
βββ tailwind.config.ts # Tailwind setup
βββ vite.config.ts # Vite configuration
βββ tsconfig.json # TypeScript configuration
βββ package.json # Project metadata
You can easily deploy this app using Netlify, Vercel, or GitHub Pages:
bun build
# or
npm run buildThen deploy the contents of the dist/ folder.
Contributions are welcome!
Feel free to fork, create a branch, and submit a pull request. π
# Create new branch
git checkout -b feature/your-feature-name
# Commit your changes
git commit -m "Add: your awesome feature"
# Push it
git push origin feature/your-feature-nameThis project is licensed under the MIT License.
Feel free to use, modify, and distribute it.
Have ideas, feedback, or questions?
π§ Emails:
π GitHub: @Dahire100