Welcome to the TODO web application! This application helps you manage your tasks with a variety of features. Built with Next.js, TypeScript, TailwindCSS, and Prisma ORM.
View a comprehensive list of all your tasks.
Easily add a new task to the list and remove tasks as needed.
Effortlessly search for tasks using the search functionality.
Keep track of completed tasks by marking them as done.
Filter tasks based on their status.
Assign priority levels to tasks, ranging from 1 to 10.
Sort tasks in ascending or descending order based on their priority.
Toggle between dark and light modes for a personalized experience.
Before running the development server, set up the database details in the .env
file. After configuring the database, use the following command:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to access the application.
Start by adding tasks through the user interface. Use the search, filter, and sorting options to organize your tasks efficiently. Toggle between dark and light modes based on your preference.
Explore the resources below to deepen your understanding of the technologies used:
- Next.js Documentation - Learn about Next.js features and API.
- TypeScript Documentation
- TailwindCSS Documentation
- Prisma Documentation
The simplest way to deploy your TODO app is by using the Vercel Platform. For detailed instructions, refer to the Next.js deployment documentation.
Feel free to contribute or provide feedback by checking out the GitHub repository. Your contributions are highly appreciated!