CRUD Application with Next.js, React Query, Radix UI, and Tailwind CSS

Table of Contents

1. Introduction
2. Features
3. Getting Started
4. Installation
5. Usage
6. Contributing
7. License

Introduction

This is a simple CRUD (Create, Read, Update, Delete) application built with Next.js, Typescript, React Tanstack Query, Radix UI, and Tailwind CSS. The application allows users to add, edit, and delete tasks, and view all tasks sorted by priority.

Features

• Task Management: Create, read, update, and delete tasks
• Task Sorting: Sort tasks by priority
• Search Functionality: Search tasks by keyword
• Responsive Design: Built with Tailwind CSS for a responsive design
• State Management: Uses React Tanstack Query for state management
• UI Components: Built with Radix UI and Shadcn UI for a consistent UI

Getting Started

To get started with the application, follow these steps:

Installation

1. Clone the repository: https://github.com/willeynimbus/crud-application
2. Install dependencies: npm install or yarn install
3. Start the development server: npm run dev or yarn dev

Usage

1. Open the application in your web browser: http://localhost:3000
2. Create a new task by clicking the "Add Task" button
3. Edit a task by clicking the "Edit" button
4. Delete a task by clicking the "Delete" button
5. Search for tasks by keyword using the search bar

Contributing

Contributions are welcome! If you'd like to contribute to the project, please fork the repository and submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.