A full-featured e-commerce platform built with React, Firebase, and Stripe. Features comprehensive product management, secure payments, user authentication, admin dashboard, and order tracking. Perfect for launching an online retail business.

• 🔐 User Authentication - Secure registration, login, and password reset
• 🛍️ Product Catalog - Browse extensive product collections
• 🔍 Search & Filter - Advanced product discovery
• 🛋 Shopping Cart - Persistent cart with quantity management
• 💳 Stripe Payment - Secure payment processing
• 📦 Order Tracking - Complete order history and status updates
• ⭐ Product Reviews - Rate and review purchased products
• 📱 Responsive Design - Optimized for all devices

• 🛠️ Admin Dashboard - Comprehensive management interface
• 🏷️ Product Management - Add, edit, and delete products
• 📈 Order Management - Process and track customer orders
• 📊 Analytics - Sales reports and performance metrics
• 👥 User Management - Customer account oversight

• Frontend: React 17, React Router DOM
• State Management: Redux Toolkit
• Styling: SCSS, React Icons
• Backend: Firebase (Authentication, Firestore, Storage)
• Payments: Stripe Integration
• Charts: Chart.js with React Chart.js 2
• Notifications: React Toastify, Notiflix
• Email: EmailJS for contact forms
• Additional: Axios, React Country Region Selector

E-commerce/
├── public/
│   ├── index.html
│   └── manifest.json
├── src/
│   ├── components/           # Reusable components
│   │   ├── admin/           # Admin-specific components
│   │   ├── slider/          # Product slider
│   │   └── hiddenLink/      # Protected route components
│   ├── customHooks/         # Custom React hooks
│   ├── firebase/            # Firebase configuration
│   ├── pages/              # Main application pages
│   ├── App.js              # Main application component
│   ├── index.js            # Application entry point
│   └── index.css           # Global styles
├── package.json            # Dependencies and scripts
└── README.md              # Project documentation

• Node.js 14+
• npm or yarn package manager
• Firebase account
• Stripe account

1. Clone the repository

   git clone https://github.com/yora3vs3/E-commerce.git
   cd E-commerce

2. Install dependencies

   npm install
   # or
   yarn install

3. Configure Firebase

   • Create a Firebase project
   • Enable Authentication, Firestore, and Storage
   • Update src/firebase/config.js with your Firebase config

4. Configure Stripe

   • Create a Stripe account
   • Add your Stripe keys to environment variables
   • Set up webhook endpoints

5. Set up environment variables

   REACT_APP_STRIPE_PUBLISHABLE_KEY=your_stripe_publishable_key
   REACT_APP_FIREBASE_API_KEY=your_firebase_api_key
   # Add other Firebase config variables

6. Start development server

   npm run dev
   # Opens at http://localhost:3000

# Create optimized production build
npm run build

# Start production server
npm start

• Firebase Hosting: firebase deploy
• Netlify: Connect GitHub repository
• Vercel: Import GitHub repository

• Secure Processing - PCI-compliant payment handling
• Multiple Payment Methods - Cards, digital wallets
• Subscription Support - Recurring payments capability
• Webhook Integration - Real-time payment updates
• Refund Management - Easy refund processing

• Admin role authentication
• Protected routes with AdminOnlyRoute component
• Secure Firebase rules

• Product Management: CRUD operations
• Order Processing: Status updates and fulfillment
• Customer Support: User assistance tools
• Analytics Dashboard: Sales and performance metrics
• Inventory Tracking: Stock management

npm run dev       # Start development server
npm run build     # Create production build
npm start         # Start production server (with Node.js server)
npm test          # Run test suite
npm run eject     # Eject from Create React App

• E-commerce Store: View Live Site
• Repository: GitHub

• Firebase Authentication - Secure user management
• Protected Routes - Admin-only access control
• Input Validation - Client and server-side validation
• HTTPS Enforcement - Secure data transmission
• Environment Variables - Secure configuration management

• Sales Dashboard - Revenue and order analytics
• Product Performance - Best-selling items tracking
• Customer Insights - User behavior analytics
• Inventory Reports - Stock level monitoring

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

This project is licensed under the MIT License - see the LICENSE file for details.

Yora3vs3

• GitHub: @yora3vs3
• Portfolio: Live Portfolio
• LinkedIn: Connect with me

• React team for the powerful library
• Firebase for backend-as-a-service
• Stripe for secure payment processing
• Redux Toolkit for state management
• Chart.js for data visualization
• All open-source contributors

• Multi-vendor marketplace support
• Advanced inventory management
• Mobile app development
• AI-powered recommendations
• Social media integration
• Multi-language support
• Advanced analytics dashboard
• Subscription box functionality

⭐ If you found this project helpful, please give it a star!

🛍️ Ready to launch your e-commerce business? Clone, customize, and start selling!