Category Manager is a web application that allows users to manage categories. Users can view, add, delete, and search for categories with a user-friendly interface. 📂🔍

• View a list of categories 📋
• Add new categories ➕
• Delete categories ❌
• Search for categories by name 🔍
• Reorder categories through drag-and-drop 🔄

1. Clone the repository:

   git clone https://github.com/sergio-nezhigay/category-manager

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Access the application at https://category-manager.vercel.app/ 🚀

Certainly! Here's a unified style for the technologies used, along with emojis for added visual appeal:

• Next.js: 🚀 Next.js is a popular framework for building fast and efficient web applications.
• React: ⚛️ React is a JavaScript library for building user interfaces.
• formik: 📝 Formik is a library for building forms in React with ease.
• react-spinners: 🔄 React Spinners provides loading spinners and animations for your web applications.
• react-confirm-alert: 🚦 React Confirm Alert is a customizable confirmation dialog library.
• @hello-pangea/dnd: 🪄 @hello-pangea/dnd is a drag-and-drop library for creating interactive interfaces.
• Tailwind CSS: 🎨 Tailwind CSS is a utility-first CSS framework for building modern designs with ease.

• Create, edit, and delete categories 📝🗑️
• Reorder categories using drag-and-drop ↕️
• Save changes or cancel modifications 💾❌
• Basic validation ensures that a category cannot be saved with an empty name ⚠️

The application stores data locally in a file, and it's also possible to use runtime storage for faster development. 📂

The project includes CRUD (Create, Read, Update, Delete) endpoints for managing categories. You can customize these endpoints as needed. 🛠️

• GET /api/categories: Retrieve categories 📖
• POST /api/categories: Create a new category ➕
• DELETE /api/categories?id={categoryId}: Delete a category ❌
• PUT /api/categories/reorder: Drag and drop for reordering categories ↕️
• PATCH /api/categories?id={categoryId}: Toggle visibility of a category 📝

You can use these endpoints to interact with and manage categories in the application. 🌐

Your feedback and contributions are welcome! Feel free to open issues and pull requests to improve this project. 🙌

This project is licensed under the MIT License - see the LICENSE file for details. 📜

• Thanks to the creators of the libraries and tools used in this project. 👏

• Author: Serhii Nezhyhai
• Email: [email protected]
• Portfolio: https://serhii.vercel.app/