emerald-pets

byChethana kumari C

Build a complete responsive Pet Shop Management System website using HTML, CSS, JavaScript, PHP, and MySQL with modern UI design and fully working frontend and backend. The website must contain multiple pages and all pages should be connected properly. Main Requirements 1. Login & Signup Page Create the first page as an authentication page with: Login form Sign Up form Toggle between Login and Signup Username/email and password fields Confirm password field for signup Validation using JavaScript Stylish modern design with pet background image Responsive layout PHP session login system Store users in MySQL database Flow: Existing users → Login New users → Sign Up first After successful login → Redirect to Dashboard/Home Page 2. Dashboard/Home Page Create a modern dashboard containing: Navigation bar Pet shop logo Welcome text Sidebar or menu cards Background image related to pets Responsive design Hover animations Menu options: Manage Pets Pet Categories Appointment Booking Customers Pet Products Sales Details Logout 3. Manage Pets Page Create CRUD functionality for pets. Features: Add pets Update pets Delete pets Display pets in table/cards Pet Details: Pet ID Pet Name Category Breed Age Gender Price Availability Pet Image Categories: Dogs Cats Birds Fish Rabbits 4. Pet Categories Page Create category-wise pet display using cards. Each card should contain: Pet image Breed name Price Description Availability status Add: Search bar Category filter Responsive card layout Hover effects 5. Appointment Booking System Customers should be able to: Book appointments Select pet service Choose date and time Appointment types: Grooming Vaccination Pet Checkup Pet Adoption Admin should: View appointments Approve/reject appointments Update appointment status 6. Customer Management Create customer management module with: Add customer Edit customer Delete customer Display customer details Customer details: Customer ID Name Email Phone Number Address 7. Pet Products Module Create product management page. Products: Food Toys Collars Shampoo Bowls Features: Product cards Product table Add/Edit/Delete products Search products Product images Price display 8. Sales Details Module Create sales management system with: Sale ID Customer Name Product/Pet Purchased Quantity Total Price Date Display in table format. 9. Database Requirements Use MySQL database named: petshop_management Create tables: users pets pet_categories appointments customers products sales Include: SQL table creation queries Sample data insertion 10. Technologies Frontend: HTML5 CSS3 JavaScript Backend: PHP Database: MySQL Server: XAMPP 11. UI/UX Requirements Modern dashboard UI Attractive colors Responsive design Mobile friendly Sidebar navigation Smooth animations Rounded buttons and cards Hero background images Professional layout 12. Additional Features Form validation Success/error alerts Session logout Responsive tables Search functionality Dark/light style design Proper comments in code 13. Output Required Generate: Complete source code HTML, CSS, JS, PHP files MySQL database script Folder structure README file Screenshots/mockup design Fully connected webpages Working CRUD operations