Build better habits. Achieve more.
Free, full-stack personal productivity - Habits · Tasks · Goals · Journal · Analytics · Dashboard
Atlas Coup is a full-stack personal productivity platform. Sign in once — and get a unified dashboard for tracking habits, managing tasks, setting goals, journalling daily, and visualising your progress over time. No subscriptions, no clutter. Just you and your data.
It uses Firebase Authentication for secure sign-in, Firestore as the real-time database, and a polished React + Vite frontend with smooth Framer Motion animations and a dark-first UI.
- Habit Tracker — build streaks, track consistency over time
- Task Manager — create, organise, and complete daily tasks
- Goal Setting — define long-term goals and track progress
- Journal — write daily entries and reflect on your journey
- Analytics Dashboard — visualise your productivity trends
- User Dashboard — personalised overview of everything at a glance
- Smooth Animations — Framer Motion transitions throughout
- Dark-first UI — deep
#050811background, Quicksand typeface - Zero ads · Zero tracking · Zero paywalls
| Technology | Version | Purpose |
|---|---|---|
| React | ^18.3.1 |
UI framework |
| Vite | ^5.3.1 |
Build tool & dev server |
| TypeScript | — | — |
| Tailwind CSS | ^3.4.4 |
Utility-first styling |
| Framer Motion | ^10.18.0 |
Animations & transitions |
| React Router DOM | ^6.23.1 |
Client-side routing |
| Lucide React | ^0.381.0 |
Icon library |
| Zustand | ^4.5.2 |
Lightweight state management |
| date-fns | ^3.6.0 |
Date formatting & utilities |
| clsx + tailwind-merge | — | Conditional class merging |
| Technology | Version | Purpose |
|---|---|---|
| Firebase Auth | ^10.12.0 |
User authentication |
| Firestore | ^10.12.0 |
Real-time NoSQL database |
| Firebase Hosting | — | Production deployment |
- Node.js
18.xor higher - npm / yarn / pnpm
- A Firebase project (free Spark plan works)
# Clone the repo git clone https://github.com/code2ahm/atlascoup.git cd atlascoup # Install dependencies npm install
- Go to console.firebase.google.com and create a project
- Enable Authentication (Email/Password or Google)
- Enable Firestore Database (start in test mode)
- Copy your Firebase config into
src/lib/firebase.js:
const firebaseConfig = { apiKey: "YOUR_API_KEY", authDomain: "YOUR_PROJECT.firebaseapp.com", projectId: "YOUR_PROJECT_ID", storageBucket: "YOUR_PROJECT.appspot.com", messagingSenderId: "YOUR_SENDER_ID", appId: "YOUR_APP_ID" };
npm run dev
Open http://localhost:5173.
npm run build npm run preview
# Install Firebase CLI npm install -g firebase-tools # Login and initialise firebase login firebase init hosting # Deploy npm run build firebase deploy
The project already includes
.firebasercandfirebase.json— just connect your Firebase project ID and deploy.
Since Atlas Coup is a pure client-side Vite app, it deploys to any static host:
npm run build
# Upload the `dist/` folder to any static host- Pomodoro timer integrated with tasks
- Habit streak heatmap (GitHub-style)
- Goal milestones & sub-goals
- Journal mood tagging & sentiment trends
- Export data to JSON / CSV
- PWA support for offline use
- Dark / light theme toggle
Pull requests are welcome. For major changes, open an issue first.
# Fork and clone git clone https://github.com/your-username/atlascoup.git cd atlascoup # Create a feature branch git checkout -b feat/your-feature # Make changes, then npm run build # Push and open a PR git push origin feat/your-feature
Built with React · Firebase · Vite · Tailwind CSS