Welcome to the Todo App repository! This application is a modern, full-stack project showcasing the integration of React Server Components, Next.js 14, TailwindCSS, and DrizzleORM. It's designed to provide a sleek user experience while demonstrating the capabilities of these cutting-edge technologies.
- Query All Todos : Easily view all your todo items in one place.
- Add Todo Item: Quickly add new tasks to your todo list.
- Edit Todo Item: Update your tasks as your priorities change.
- Delete Todo Item: Remove completed or irrelevant tasks from the list.
To get started with this project, you'll need to have Node.js installed on your machine.
Clone the Repository
git clone https://github.com/ceedadev/next14-todo.git
cd next14-todoInstall Dependencies
npm installRun the Development Server
npm run devVisit http://localhost:3000 in your browser to see the application.
- React Server Components: Utilized for efficient server-side rendering.
- Next.js 14: Provides the framework for React with additional features like file-based routing.
- TailwindCSS: Used for styling the application with a utility-first CSS framework.
- DrizzleORM: Manages database interactions with a simple, effective ORM for Node.js.
- CRUD Function
- Proper Styling
- Timestamp (Created At, Edited At)
We welcome contributions to this project! If you have suggestions or improvements, feel free to submit a pull request or open an issue.
This project is licensed under the MIT License - see the LICENSE.md file for details.
This Todo App is a great resource for developers looking to understand and implement a modern tech stack using React Server Components, Next.js 14, TailwindCSS, and DrizzleORM. Feel free to clone, fork, and modify this repository as you dive into these exciting technologies!