A beautiful, feature-rich productivity app built with React, TypeScript, and Electron. More than just a todo list - it's your complete productivity companion with notes, calendar integration, activity tracking, and a delightful user experience.
- Intuitive Interface: Clean, modern design with smooth animations
- Priority Levels: High, medium, and low priority tasks
- Status Tracking: Pending, in-progress, and completed states
- Date Organization: Calendar-based todo management
- Quick Actions: Easy create, edit, and delete operations
- Bullet Point Support: Automatic bullet points on Enter key
- Auto-Save: Saves every 2 minutes when changes are detected
- Persistent Storage: All notes are saved locally
- Clean Interface: Distraction-free note-taking experience
- Visual Calendar: See your todos organized by date
- Date Navigation: Easy browsing through months
- Todo Overview: Quick view of daily tasks
- Activity Tracking: Visual representation of your productivity
- Activity Graph: Visual tracking of completed tasks
- Streak Badges: Bronze, Silver, and Gold achievement system
- Progress Insights: Understand your productivity patterns
- Motivational Messages: Encouraging feedback and tips
- Multi-Step Setup: Welcome, profile, timezone, and theme selection
- Personalization: Customize your experience from day one
- Guided Experience: Smooth introduction to all features
- Theme Support: Light and dark mode preferences
- Modern Design: Clean, minimalist interface
- Smooth Animations: Delightful micro-interactions
- Responsive Layout: Works perfectly on different screen sizes
- Accessibility: Designed with accessibility in mind
- Windows Support: Optimized for Windows OS
- Offline-First: Works without internet connection
- Local Storage: All data stored securely on your device
- Performance: Fast and responsive application
- Frontend: React 18, TypeScript, Tailwind CSS
- Desktop: Electron
- Database: SQLite (better-sqlite3)
- Animations: Framer Motion
- Date Handling: Moment.js
- Icons: Heroicons
- Build Tool: Vite
- Node.js (v16 or higher)
- npm or yarn
-
Clone the repository
git clone https://github.com/yourusername/not-your-regular-todo-app.git cd not-your-regular-todo-app -
Install dependencies
npm install # or yarn install -
Start the development server
npm run dev # or yarn dev -
Build for production
npm run build # or yarn build
Want to see the app in action with realistic data? Generate 5 months of sample todos and notes:
# First, start the app once to create the database
npm run dev
# Then generate sample data
npm run generate-dataThis will create:
- 150 realistic todos with varied priorities and statuses
- 50 diverse notes (meeting notes, project ideas, personal reflections)
- 1 default user profile
- Data spread across the last 5 months
- Click the "+" button or use the "Create New Todo" modal
- Enter a title and optional description
- Set priority level (high, medium, low)
- Choose a date
- Save and start tracking!
- Navigate to the Quick Notes section
- Start typing - each new line becomes a bullet point
- Notes auto-save every 2 minutes
- All your thoughts are safely stored
- Use the calendar to browse different dates
- Click on any date to see todos for that day
- Visual indicators show days with active todos
- Track your productivity over time
- View your activity graph to see completion patterns
- Earn streak badges for consistent productivity
- Get motivational messages and tips
- Understand your work habits better
not-your-regular-todo-app/
├── electron/ # Electron main process
│ ├── database.ts # Database operations
│ ├── main.ts # Main process entry
│ └── preload.ts # Preload scripts
├── src/ # React application
│ ├── components/ # React components
│ │ ├── UI/ # Reusable UI components
│ │ └── ... # Feature components
│ ├── assets/ # Static assets and SVGs
│ ├── hooks/ # Custom React hooks
│ ├── types/ # TypeScript type definitions
│ └── utils/ # Utility functions
├── scripts/ # Utility scripts
│ └── generate-dummy-data.js # Sample data generator
└── public/ # Public assets
npm run dev- Start development servernpm run build- Build for productionnpm run lint- Run ESLintnpm run preview- Preview production buildnpm run generate-data- Generate sample data
The app uses SQLite with three main tables:
- users: User profiles and preferences
- todos: Todo items with titles, descriptions, priorities, and dates
- notes: Quick notes with content and timestamps
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
The app supports light and dark themes, which can be selected during onboarding or in settings.
Built with Tailwind CSS for easy customization. Modify the design system in the Tailwind configuration.
- ✅ Windows 10/11
- ✅ macOS 10.15+
- ✅ Linux (Ubuntu 18.04+, Fedora 30+)
We welcome contributions! Please see our Contributing Guide for details.
This project is licensed under the MIT License - see the LICENSE file for details.
- Electron for cross-platform desktop support
- React for the amazing UI framework
- Tailwind CSS for beautiful styling
- Framer Motion for smooth animations
- Better SQLite3 for reliable database operations
If you have any questions or need help, please:
- Check the Issues page
- Create a new issue if your problem isn't already addressed
- Join our Discussions for general questions
Made with ❤️ for productive people everywhere