A modern, AI-powered goal tracking application built with Next.js 14, featuring intelligent task generation, progress analytics, and a beautiful user interface.
- AI-Powered Goal Creation: Generate detailed roadmaps with actionable steps
- Progress Tracking: Visual progress indicators and completion analytics
- Goal Categories: Organize goals by type (Personal, Professional, Health, etc.)
- Target Dates: Set and track deadlines with calendar integration
- Daily Task Generation: AI creates personalized daily tasks based on your goals
- Goal Coach: Interactive AI assistant for motivation and guidance
- Smart Insights: AI-powered analytics and recommendations
- Multiple AI Providers: Support for OpenAI, Google Gemini, and Anthropic Claude
- Responsive Design: Works perfectly on desktop, tablet, and mobile
- Dark/Light Mode: Automatic theme switching with system preference
- Progressive Web App: Install as a native app on any device
- Offline Support: Continue working even without internet connection
- Progress Visualization: Beautiful charts and graphs
- Completion Rates: Track your success patterns
- Time Analytics: Understand your productivity patterns
- Goal Insights: AI-powered recommendations for improvement
- Rich Text Editor: Full-featured note editing with formatting
- Goal Integration: Link notes directly to specific goals
- Search & Filter: Quickly find any note or goal
- Export Options: Export your data in multiple formats
- Node.js 18+
- npm or yarn package manager
-
Clone the repository ```bash git clone https://github.com/yourusername/daily-goal-tracker.git cd daily-goal-tracker ```
-
Install dependencies ```bash npm install
yarn install ```
-
Start the development server ```bash npm run dev
yarn dev ```
-
Open your browser Navigate to http://localhost:3000
The app supports multiple AI providers. Configure your preferred provider in the Settings:
-
Google Gemini (Recommended - Free)
- Get your API key from Google AI Studio
- Free tier includes generous usage limits
-
OpenAI GPT
- Get your API key from OpenAI Platform
- Requires paid account for API access
-
Anthropic Claude
- Get your API key from Anthropic Console
- Requires paid account for API access
- Next.js 14 - React framework with App Router
- TypeScript - Type-safe development
- Tailwind CSS - Utility-first CSS framework
- shadcn/ui - Beautiful, accessible UI components
- Framer Motion - Smooth animations and transitions
- Multiple Providers - OpenAI, Google Gemini, Anthropic Claude
- Streaming Responses - Real-time AI interactions
- Context Awareness - AI understands your goals and progress
- Local Storage - Client-side data persistence
- Export/Import - JSON and CSV data portability
- Progressive Enhancement - Works without JavaScript
- ESLint - Code linting and formatting
- Prettier - Code formatting
- TypeScript - Static type checking
- Tailwind CSS - Utility-first styling
``` daily-goal-tracker/ ├── app/ # Next.js App Router pages │ ├── dashboard/ # Main dashboard page │ ├── daily-tasks/ # Daily tasks management │ ├── analytics/ # Progress analytics │ ├── notes/ # Note-taking system │ └── settings/ # App configuration ├── components/ # Reusable UI components │ ├── ui/ # shadcn/ui components │ └── ... # Custom components ├── lib/ # Utility functions and services │ ├── ai-utils.ts # AI integration utilities │ ├── storage.ts # Data persistence │ └── ... # Other utilities ├── types/ # TypeScript type definitions └── public/ # Static assets ```
The app supports both light and dark themes with automatic system detection. You can customize the color scheme by modifying the CSS variables in app/globals.css.
Add support for additional AI providers by extending the AI utility functions in lib/ai-utils.ts.
All UI components are built with shadcn/ui and can be customized by modifying the component files in components/ui/.
The app is configured as a PWA and can be installed on any device:
- Desktop: Click the install button in your browser's address bar
- Mobile: Use "Add to Home Screen" from your browser menu
- Offline: Continue using core features without internet connection
- Local Data: All your data stays on your device
- API Keys: Stored securely in browser local storage
- No Tracking: No analytics or tracking scripts
- Open Source: Full transparency with open source code
We welcome contributions! Please see our Contributing Guide for details.
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature - Make your changes and test thoroughly
- Commit your changes:
git commit -m 'Add amazing feature' - Push to the branch:
git push origin feature/amazing-feature - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Issues: Report bugs or request features on GitHub Issues
- Email: Contact us at kachiluiz@gmail.com
- Documentation: Check our Wiki for detailed guides
- Next.js - The React framework for production
- shadcn/ui - Beautiful and accessible UI components
- Tailwind CSS - Utility-first CSS framework
- Lucide Icons - Beautiful, customizable icons
- Vercel - Deployment and hosting platform
Transform your goals into achievements with AI-powered guidance and beautiful, intuitive design.
