tinytaskintro.mp4
A modern, responsive Kanban board application built with Next.js and TypeScript. Manage your tasks with an intuitive drag-and-drop interface, add notes, and keep track of your workflow efficiently.
- Interactive Kanban Board: Drag and drop tasks between different status columns
- Rich Notes Editor: Take detailed notes with a fully featured rich text editor
- Multiple Views: Toggle between board and compact list views
- Dark/Light Mode: Choose your preferred visual theme
- Responsive Design: Works seamlessly on desktop, tablet, and mobile devices
- Task Management: Create, edit, and delete tasks with detailed information
- User Profiles: User authentication with personalized preferences
- Search Functionality: Quickly find tasks using the search bar
- Calendar View: View all the task in a calender
- Node.js 18.0 or later
- npm or yarn
- Clone the repository:
git clone https://github.com/yourusername/tiny-tasks.git
cd tiny-tasks- Install dependencies:
npm install
# or
yarn install- Run the development server:
npm run dev
# or
yarn dev- Open http://localhost:3000 with your browser to see the application.
- Frontend Framework: Next.js
- Programming Language: TypeScript
- UI Components: Custom components with Tailwind CSS
- Drag and Drop: DND Kit
- Rich Text Editor: Maily Editor with TipTap
- Animation: Framer Motion
- Date Handling: date-fns
- Notifications: Sonner
Tiny Tasks is built with a mobile-first approach, ensuring a great user experience on all devices:
- Mobile: Optimized layouts for small screens
- Tablet: Efficient use of medium-sized screens
- Desktop: Full-featured experience with enhanced UI
The app supports various customization options:
- Theme: Toggle between light and dark modes
- View Mode: Choose between Kanban board or compact list views
- User Preferences: Customizable settings stored for each user
In the current demo version, all data is stored locally in the browser using:
localStoragefor persistent data across browser sessionssessionStoragefor temporary session data
Future enhancements planned:
- Backend integration with a proper database
- User authentication with OAuth providers
- Team collaboration features
- File attachments for tasks
- Advanced filtering and sorting options
- Calendar improvement
- Export/import functionality
- Mobile app using React Native
This project is licensed under the MIT License - see the LICENSE file for details.
Contributions are welcome! Please feel free to submit a Pull Request.
- 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
For support, questions, or feedback, please open an issue on the GitHub repository.
Developed with ❤️ by Sumon