LifePlot is a modern web application that helps you track your mood, journal your thoughts, manage tasks, and automate your daily routinesβall in one beautiful, responsive dashboard. Powered by Next.js, TypeScript, Tailwind CSS and shadcn/ui. LifePlot brings clarity and productivity to your everyday life.
- π Journaling: Write, organize, and reflect on your daily thoughts.
- π Mood Tracker: Log your mood and visualize trends over time.
- β Task List: Stay productive with a simple, effective to-do manager.
- π Calendar View: See all your entries and tasks at a glance.
- π€ AI Tips: Get personalized productivity and wellness suggestions.
- β‘ Automations Hub: Automate repetitive tasks and workflows.
- π± Responsive Design: Enjoy a seamless experience on any device.
- π¨ Customizable UI: Built with Tailwind CSS and shadcn/ui for easy theming.
- Node.js (v18+ recommended)
- pnpm (
npm install -g pnpm)
-
Clone the repository:
git clone https://github.com/yourusername/LifePlot.git cd LifePlot -
Install dependencies:
pnpm install
-
Start the development server:
pnpm dev
-
Open the app:
Visit http://localhost:3000 in your browser.
/LifePlot
βββ app/
β βββ (journal)/ π Journal pages
β βββ layout.tsx πΌοΈ Root layout
β βββ globals.css π¨ Global styles
βββ components/
β βββ ui/ π§© shadcn/ui components
β βββ mood-tracker.tsx π Mood tracker
β βββ task-list.tsx β
Task list
β βββ calendar-view.tsx π
Calendar view
β βββ ... ποΈ Other components
βββ hooks/ πͺ Custom React hooks
βββ styles/ π¨ Tailwind CSS files
βββ public/ πΌοΈ Static assets
βββ package.json π¦ Project metadata & scripts
βββ tailwind.config.ts π¨ Tailwind config
βββ tsconfig.json π TypeScript config
βββ ...
| Command | Description |
|---|---|
pnpm dev |
ποΈ Start development server |
pnpm build |
ποΈ Create production build |
pnpm start |
π Start production server |
pnpm lint |
π Run ESLint checks |
pnpm format |
β¨ Format with Prettier |
- Framework: Next.js β‘
- Styling: Tailwind CSS π¨
- UI Components: shadcn/ui β¨
- TypeScript: For type safety π
- State Management: React Hooks π§
We welcome contributions from the community! Hereβs how you can help:
-
Fork the repository π΄
-
Create your feature branch
git checkout -b feature/amazing-feature
-
Commit your changes
git commit -m 'Add some amazing feature' -
Push to the branch
git push origin feature/amazing-feature
-
Open a Pull Request
Made with β€οΈ by DPRAHUL