This is a captivating perfume website built using React, Tailwind CSS, and Firebase. The website showcases a collection of exquisite perfumes and provides users with an immersive browsing experience. It is designed to be visually stunning, user-friendly, and responsive.
- 💫 Perfume Catalog: Explore a wide range of luxurious perfumes with detailed descriptions and captivating images.
- 🔐 User Authentication: Sign up and log in to the website to access personalized features such as favorites and order history. User authentication is handled using Firebase Authentication.
- 🔍 Search and Filtering: Easily search for perfumes based on various criteria such as fragrance notes, brand, or price range.
- 🌟 Product Reviews: Read and contribute to product reviews to help others make informed choices.
- 🛒 Shopping Cart: Add perfumes to your shopping cart and proceed to checkout for a seamless purchasing experience.
- 📦 Order Tracking: Track the status of your orders and receive notifications when they are shipped or delivered.
- 📱 Responsive Design: The website is built with a responsive design, ensuring a consistent experience across different devices.
- ⚛️ React: A JavaScript library for building user interfaces. It provides a component-based architecture, making it easy to build reusable UI components.
- 🌈 Tailwind CSS: A utility-first CSS framework that allows for rapid UI development. It provides a wide range of pre-built components and styles, making it easier to create beautiful designs.
- 🔥 Firebase: A cloud-based platform that offers various backend services, including real-time database and authentication. We use Firebase to handle user authentication and manage real-time updates.
To run the Screne Perfume Website locally on your machine, follow these steps:
- Clone the repository:
https://github.com/Laraibnehal/Serene-Website
- Navigate to the project directory:
cd Serene-Website
- Install the dependencies:
npm install
- Set up Firebase:
- Create a Firebase project and obtain the configuration details.
- Replace the Firebase configuration in the
src/firebase/config.jsfile with your own configuration.
- Start the development server:
npm start
- Open your browser and visit
http://localhost:3000to view the app.
Contributions are welcome! If you find any bugs or have suggestions for improvements, please feel free to open an issue or submit a pull request.
When contributing, please follow the existing code style and guidelines. Ensure that any new features or changes are well-tested and documented.
This project is licensed under the MIT License. Feel free to use and modify the code as per your needs.
- This project was inspired by the beauty and elegance of perfumes.
- We would like to thank the React, Tailwind CSS, and Firebase communities for their excellent tools and documentation.
If you have any questions or need further assistance, please contact the project maintainers:
- Laraib Nehal - [email protected]
We hope you enjoy browsing the Screne Perfume Website! Happy exploring! ✨🌸