Admin Panel Form Template New

Task Description: CRUD Operations with Next.js, TypeScript, Tailwind CSS, and Firestore

Objective: Build a CRUD (Create, Read, Update, Delete) application using Next.js with TypeScript, styled with Tailwind CSS, and integrate Firestore for data storage. Requirements: • Technology Stack: • Next.js • TypeScript • Tailwind CSS • Firestore • Functionality: • Create a form to store the following fields: • ID • Name • Contact • Address • Implement CRUD operations for managing this data: • Create: Add new entries with all required fields. • Read: Display the stored data in a list format. • Update: Modify existing entries via the same form used for creation. • Delete: Remove entries from the list. • Form Design: • Create and Edit forms should utilize the same component for consistency. • Implement proper validation for form inputs. • Utilize Tailwind CSS for styling, ensuring a clean and responsive design. • Data Storage: • Integrate Firestore as the database for storing the form data. • Handle Firestore operations such as adding, fetching, updating, and deleting data. • Deployment: • Deploy the application on either Vercel or Netlify for easy access and testing. • Provide the deployment URL along with the GitHub repository link.