TodoMaster is a delightful, modern todo list web application that lets you create lists and share them with friends. Built with the power of Next.js 13, using Prisma for easy database management with PostgreSQL, and designed with TailwindCSS, it boasts an elegant UI with support for both dark and light modes.
Inspired by a design on CodePen (view it here), this todo list app is simple, intuitive, and effective in helping you stay organized.
In the pipeline is a host of new features and optimizations. The most exciting one being a real-time update feature to make the app more interactive and efficient. Stay tuned!
Todo Master supports both dark and light modes for your comfort. Choose what suits your eyes or your mood best!
Check out the live version of Todo Master here: https://todo.sp0der.me
To get started with Todo Master, you need to clone this repository:
git clone https://github.com/ahmed-safari/nextjs-todo.git
cd nextjs-todoNext, install the dependencies:
npm install
# or
yarn installCreate a .env file in the root of your project and input your PostgreSQL database credentials:
DATABASE_URL="postgresql://user:password@localhost:5432/mydb?schema=public"Then, apply the Prisma schema:
npx prisma migrate devFinally, run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
Your contributions are always welcome! Feel free to create issues or submit PRs. For any large changes, please create an issue first to discuss what you'd like to contribute.
MIT License. See LICENSE for more information.
Special thanks to Rob Stinson for the original design on CodePen which served as the inspiration for the look and feel of Todo Master.
Built with ❤️ by Ahmed