An online store which allows customers to search a product, add to cart, wishlist or save items of choice and make payments easily. built with Mern Stack (MongoDB, expressJS, reactJS, and nodeJS).
-
Fetch Products Using API: The app fetches product data from an external API, providing a wide range of products for users to explore.
-
Redux for State Management: Utilizes Redux for efficient state management, ensuring a consistent and scalable data flow within the application.
-
Add and Remove Functionality in Cart: Users can easily add products to their shopping cart and remove them, providing a seamless shopping experience.
-
React Class-Based Components: The project uses class-based components in React, showcasing different component lifecycles and state management techniques.
-
Stripe Payment Gateway Api: Stripe Api handles the payment process allowing customers to make purchase of a product through various methods, including credit cards, debit cards, bank transfer, ussd codes and digital wallets like Apple Pay and Google Pay.
To get started with this project, follow these steps:
-
Fork and clone this repository to your local machine:
git clone https://github.com/tony-dev0/digi_store.git
-
Install the required dependencies:
cd digi_store npm install -
Start the backend server:
cd api npm run dev -
Start the backend server:
cd client npm start -
Open http://localhost:3000 to view it in your browser. The page reloads when you make changes.
You may also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
We welcome contributions from the community.
Feel free to explore the codebase, test the application, and contribute to its development. If you have any questions or need assistance, please don't hesitate to reach out.
Happy coding!