Profile
Profile view 2
Create Habit
Register
Goal Setting

Eclipso

Align Your Habits, Unlock Your Potential.

Eclipso is a cosmic-themed habit tracker that gamifies your daily routines, helping you stay consistent and reach your goals in an engaging way.

Features

🚀 Track Habits – Stay on top of your daily routines.
🌌 Gamification – Earn streaks and rewards for consistency.
📈 Progress Visualization – Circular progress tracking on your profile.
📚 Self-Improvement Articles – Explore insights on habits, time management, and productivity.
🎨 Minimalist UI – Clean and phone-responsive interface.

Tech Stack

Frontend: Next.js, TypeScript, Tailwind CSS
Authentication: NextAuth.js
Fonts:
- Flazie
- Absans
- Baunk
- MilkyWalky
- Zighead
- Cotta
- Berlys
- CosmicVibrant

Folder Structure

eclipso/
│── app/
│   ├── (auth)/
│   ├── (dashboard)/
│   │   ├── habits/
│   │   ├── profile/
│   │   ├── articles/
│   │   ├── layout.tsx
│   │   ├── page.tsx
│   ├── components/
│   ├── hooks/
│   ├── lib/
│   ├── styles/
│   ├── utils/
│   ├── favicon.ico
│   ├── globals.css
│   ├── layout.tsx
│   ├── page.tsx
│── public/
│── .gitignore
│── next.config.mjs
│── package.json
│── README.md
│── tailwind.config.mjs

Color Palette

Background: #262627 (Dark Gray)
Text: #FFFFFF (White), #F5A9B8 (Soft Pink)
Cards: #505050 (Muted Gray)
Buttons & Borders: #303030 (Deep Gray)

Installation

Clone the repository: sh git clone https://github.com/jane-does-coding/eclipso.git
Navigate to the project directory: sh cd eclipso
Install dependencies: sh npm install
Run the development server: sh npm run dev