🚀 Product CRUD Operations

📖 Project Overview

This project is a simple CRUD application for managing products, designed as a training exercise to enhance frontend development skills. All product data is static, with no external APIs involved.

✨ Features

• 🆕 Add Products: Admins can add new products to the list.
• ✏️ Edit Products: Update product details with ease.
• 🗑️ Delete Products: Remove any unwanted product.
• ✅ Form Validation: Implemented custom form validation without using any external libraries.

Note: The project focuses on functionality and training, so it doesn't interact with a backend or database.

🛠️ Technologies Used

• ⚛️ React.js: Utilized useState Hook for state management.
• 🟦 TypeScript: Ensured type safety and robust code.
• 🎨 Tailwind CSS: Styled components for a modern and responsive UI.
• 📦 Headless UI: Implemented modals for a seamless user experience.
• 🖱️ Tailwind UI: Enhanced the interface using select menus.
• 🔔 React Hot Toast: Provided elegant notification messages.

💻 Getting Started

1. Install Dependencies

   npm install
   

2. Run the Development Server

   npm run dev
   

Feel free to suggest any improvements! 🚀