Full-Stack Perfume E-Commerce Platform (React, Firebase, Multilingual)

I developed a complete, production-ready e-commerce platform for a real perfume business, focusing on performance, scalability, and premium user experience.

The project was built using React (Vite) and Tailwind CSS, with Framer Motion to deliver smooth, high-end animations such as scroll-triggered transitions, staggered product reveals, and interactive hover effects.

The platform features a fully responsive design optimized for mobile users, including a modern hero section with a video background and parallax effect, as well as dynamic product sections and category-based navigation.

A major part of the system is the integration with Firebase Firestore, enabling real-time data synchronization. I also built a custom admin dashboard that allows full control over products (add, edit, delete, categorize) without requiring code changes.

To support a wider audience, I implemented a complete multilingual system (English / Arabic) using i18next, including automatic RTL/LTR layout switching and language persistence.

The product architecture is designed for scalability, with structured data supporting multilingual content, categories (men, women, unisex), fragrance notes, and dynamic filtering.

Additionally, the platform includes direct WhatsApp integration for sales, allowing users to send pre-filled inquiries for each product, creating a fast and effective conversion flow without complex checkout systems.

Key Features:

React (Vite) modern architecture

Tailwind CSS with a custom luxury design system

Framer Motion animations (scroll, hover, transitions)

Firebase Firestore real-time database integration

Custom admin dashboard for product management

Fully responsive (mobile-first) design

Multilingual support (English / Arabic) with RTL

Structured and scalable product data system

Category filtering (Men / Women / Unisex)

WhatsApp deep-link integration for direct sales

Performance optimized with lazy loading and efficient rendering

Result:

A fully functional and scalable e-commerce solution ready for real-world usage, combining modern frontend development with practical business logic for direct online sales.