ceedadev/next14-todo

Todo App with React Server Components, Next.js 14, TailwindCSS, and DrizzleORM

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.

Features

• 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.

Getting Started

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-todo

Install Dependencies

npm install

Run the Development Server

npm run dev

Visit http://localhost:3000 in your browser to see the application.

Technologies

• 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.

To do

• CRUD Function
• Proper Styling
• Timestamp (Created At, Edited At)

Contributions

We welcome contributions to this project! If you have suggestions or improvements, feel free to submit a pull request or open an issue.

License

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!