This is an e-commerce store built using React, Redux, GraphQL, Stripe and Firebase. It allows users to browse and purchase items.
- Browse products by category and search for specific items
- Add products to cart and proceed to checkout
- Secure payment processing with Stripe API
- User authentication and account management with Firebase
- React hooks, context API, suspense, and lazy loading for optimal performance
- Responsive design using CSS in JS with styled-components
- GraphQL and Apollo for efficient data fetching
- Progressive web app (PWA) functionality for improved mobile experience
- State management with Redux, Redux Saga, and asynchronous Redux for scalable applications
- Persistance and session storage for enhanced user experience
You can view the project's live deployment here.
To run the application locally, you'll need to follow these steps:
- Clone the repository.
- Install the dependencies using
npm install
. - Create a
.env
file in the root directory and add your Stripe and Firebase API keys. - Run the app using
npm start
.
The product images used in the app were obtained using Midjourney AI.