🛍️ EliteCart — Modern E-Commerce Web App
EliteCart is a full-featured e-commerce web application built with React and Redux, designed for speed, usability, and scalability. It provides a smooth shopping experience with user authentication, dynamic products, cart management, and secure Stripe payments.
🚀 Features 🧑💻 User Authentication
Sign up and sign in with Firebase Authentication
Google sign-in support
Redirect users based on login state
🛒 Shopping Experience
Dynamic product collections
Category-based product display
Add, remove, and clear items from cart
Real-time cart updates and quantity management
💳 Payments
Stripe payment integration (test mode)
Checkout with order summary
🎨 Interface & Design
Clean, responsive layout (mobile-first)
Theme-based color switching (light/dark)
Smooth animations and transitions
🧩 Tech Stack
Frontend: React.js, React Router DOM, Redux, Redux-Thunk
Backend/Auth: Firebase Authentication
Payment: Stripe API
Styling: SCSS, CSS Modules
Build Tool: Vite or Create React App (depending on setup)
⚙️ Installation and Setup
-
Clone the repository git clone https://github.com/AGpeter2018/elitecart.git cd elitecart
-
Install dependencies npm install
yarn install
- Run the development server npm start
yarn start
Visit http://localhost:3000 to view the app.
💳 Stripe Test Payment
Use the following test card for demo payments:
Card Number: 4242 4242 4242 4242 Expiry Date: Any future date CVC: Any 3 digits ZIP: Any 5 digits
Core Functionalities
Firebase-based authentication and user management
Persistent cart data using Redux
Secure checkout process
Conditional routing for protected pages
Mobile-friendly responsive design
📸 Screenshots (Optional)
Add your screenshots here to show your app UI:
🤝 Contributing
Fork this repository
Create your feature branch:
git checkout -b feature/YourFeature
Commit your changes:
git commit -m "Add new feature"
Push to the branch:
git push origin feature/YourFeature
Open a pull request
👨💻 Author
Adeniji Peter GitHub: @AGpeter2018 Email: adenijipeter2018@gmail.com