🌿 Pearl Hygiene - Cleaning Industry Solutions (Demo)

Welcome to the official repository of Pearl Hygiene (Demo), a replica website focused on promoting high-quality hygiene products for the cleaning industry. This demo serves as a demonstration of web technologies and design, and is not the official website of Pearl Hygiene.

🖥️ Live URLs

• Main Website (Demo): https://pearl-hygiene-web.vercel.app

• Admin Panel (Demo): https://pearl-hygiene-admin-panel.vercel.app

  Admin Access

  • Username: admin
  • Password: 123456

---

🛠️ Tech Stack

This project is built using modern web technologies to ensure optimal performance, scalability, and user experience.

• Frontend Framework: Next.js - A powerful React-based framework for server-side rendering and static site generation.
• Styling: Tailwind CSS - A utility-first CSS framework to create responsive and custom designs with ease.
• Authentication & Database: Firebase - A comprehensive platform for authentication, real-time database, and other backend services.
• Deployment: Vercel - The platform used for hosting and deployment, offering fast and reliable delivery.

---

🚀 Features

• Dynamic Product Showcase: Display of high-quality hygiene products tailored for the cleaning industry.
• Responsive Design: Fully responsive and optimized for all device sizes using Tailwind CSS.
• Admin Dashboard: A fully functional admin panel for managing products and site content.
• User Authentication: Secured access for the admin panel using Firebase Authentication.
• Real-time Updates: Product and content updates can be reflected in real-time thanks to Firebase.

---

⚙️ Setup and Installation

To run this project locally, follow these steps:

1. Clone this repository:

   git clone https://github.com/yourusername/pearl-hygiene-demo.git
   

2. Navigate to the project directory:

   cd pearl-hygiene-demo
   

3. Install dependencies:

   npm install
   

4. Create a .env.local file and add your Firebase credentials:

   NEXT_PUBLIC_FIREBASE_API_KEY=your_api_key
   NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_auth_domain
   NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_project_id
   

5. Run the development server:

   npm run dev
   

6. Visit http://localhost:3000 to view the website locally.

---

🔒 Admin Panel (Demo)

Access the admin panel to manage products and content:

• URL: https://pearl-hygiene-admin-panel.vercel.app
• Username: admin
• Password: 123456

---

🖼️ Screenshots

---

📝 License

This project is open-source and available under the MIT License.

Note: This is a replica/demo website of the company Pearl Hygiene and is not their official website.

---

Feel free to contribute and improve this project! ✨