A place where you can buy and sell any items related to clothes, accessories and much more while earning money from it at one place. It has all the features to help you keep looking the best version of yourself always.
Explore the docs »
Report Bug
·
Request A Feature
Table of Contents
This is an Ecommerce platform where a user can register themselves to sell items on the platform and track the performance of their products to deliver products for better profits.
It includes a product listings page and a product page where a user who is interested can buy the products.
A user can see and manage what’s on their cart. It includes both the front end and the backend part so it’s a full stack application.
The payment procedures are handled with the Stripe API.
It also includes different product listing pages which can also be dynamically sorted according to the users choice.
The listings will get updated in real time. If a user wants to know more about a product then they can know more about the product such as the available sizes and the price of the product.
The cart icon and the cart page will update in real time according to the user. A user can also login and register before selling items on the Ecommerce Website.
In case of a data breach and for risk management all the passwords which are saved in the database are not saved as raw strings but rather as AES Encrypted strings. So that users can rest assured that their data is in safe hands.
The front end does not directly talk with the database but rather talks to the back end using an REST API.
- React Js
- Node Js
- MongoDB
- Express Js
- Axios
- Redux
- Styled Components
- Mongoose
- JWT Tokens
- React Router
- Material UI
- CryptoJs
- Stripe API
- Nodemon
- Firebase
To get a local copy up and running follow these simple steps.
This is an example of how to list things you need to use the software and how to install them.
-
Node
-
npm
npm install npm@latest -g
- Clone the repo
git clone https://github.com/indraantoor/Ecommerce-App
git clone https://github.com/indraantoor/Ecommerce-App-API
git clone https://github.com/indraantoor/Ecommerce-App-Admin-Dashboard
- Install NPM packages In All Of These Cloned Directories
npm install
- Run the application
Navigate To The API Directory npm start
Navigate To The Admin Dashboard Directory npm start
Navigate To The Ecommerce Directory npm start
The Home Page features a slider with various offers to entice the user to shop on the web application.
It also includes a navbar, along with various elements on the home page which when looked at in an overall product way is built to make sure the user has ease while shopping.
The web application is fully responsive and can work on various devices and screen sizes.
This section includes the most recent product listings and shows them in this section.
It can include any type of product.
This section includes a form through which a user can sign up for the newsletter to be updated with all of the latest things happening in the Web Application.
It would include offers, tips and advice for users so that Email Marketing can also be leveraged to sell products from the web application.
This is a page dedicated to only the product listings and will show all of the products to the user when the user wishes to visit the products listings page.
It dynamically updates itself when the data gets updated.
This page includes the details of that product which a user wants to see or may be interested to buy the product.
The details include various information like the title of the product, the description of the product and also the price of the product.
A user can add that product by selecting the size and the quantity of the item.
The cart icon will update accordingly, thus reflecting the changes.
This page includes all the items that a user wishes to buy and displays it as a short summary.
It calculates the price and lets the user know what all things they have added in their cart.
This is the feature which provides the user the ability to purchase the items which they have added in the cart.
It features all the details the user should know before buying the items which they have added in their cart.
Details include taxes, shipping cost and the total cost of the items.
To handle the payment procedure we have used Stripe's API.
Stripe handles all the transactions from end to end with encryption without having to worry about implementing a dedicated payment service into the application.
Thus providing a faster way for developers to develop powerful applications without having to worry about things which they shouldn't and focus on the things that matter inside the application.
As a payment processor, Stripe allows business owners to accept payments from credit and debit cards and processes those payments.
Using Stripe, businesses can also accept payments from mobile wallets and buy now, pay later services.
Stripe also supports payments in a variety of currencies.
This is the page where the user will enter their details in order to log into the web application and manage their data.
This is the page where a new user can register themselves in order to sell the items on the Ecommerce Platform with the images details and all the management of their products.
In this page you can see all the reports about the revenue and a chart along with a track of latest transactions and user just from your homepage.
Here you can manage all of the listed products. You can delete and edit all of the information about the products such as if it is in stock or not, price, image and much more.
Here you can see all the information about the transaction that have taken place on the platform.
Here you can see the reports of the revenue and other statistics.
See the open issues for a list of proposed features (and known issues).
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Project Link: https://github.com/indraantoor/Ecommerce-App