Todoly is a modern and intuitive todo app designed to help you manage your tasks efficiently. Built with Next.js and styled using TailwindCSS, Todoly provides a seamless user experience with powerful state management powered by Zustand and dynamic theming using the next-theme
package.
- Task Management: Add, delete, and reorder tasks through drag-and-drop functionality.
- Task Prioritization: Easily prioritize tasks by dragging and dropping them in the desired order.
- Filtering: Filter tasks by their completion status - Active, Completed, or All.
- Clear Completed Tasks: Quickly remove all completed tasks with a single click.
- Theme Mode: Toggle between dark and light modes to suit your preference.
- Task Count: View the number of active tasks at a glance to stay on top of your workload.
- Next.js: A React framework for building fast and scalable web applications.
- TailwindCSS: A utility-first CSS framework for rapid UI development.
- Zustand: A small, fast, and scalable state management library.
- next-theme: A package for handling and toggling themes in Next.js applications.
- Node.js (v14 or higher)
- npm or yarn
- Clone the repository:
git clone https://github.com/yourusername/todoly.git
- Navigate to the project directory:
cd todoly
- Install the dependencies:
npm install # or yarn install
To run the app in development mode, use the following command:
npm run dev
# or
yarn dev