imbingz

MERN-stack-ecommerce

# E-Commerce App A Full-Stack Ecommerce application that uss React, Redux, MongoDB, Nodejs, ExpressJS and JWT Authentication with PayPal as well as Stripe payment system that allows sellers to upload and manage inventories and buyers to save goods to cart and purchase via Palpal. <hr> [](https://github.com/imbingz) [](https://github.com/imbingz/MERN-stack-ecommerce) [](https://github.com/imbingz/MERN-stack-ecommerce) [](https://choosealicense.com/licenses/mit/) [](https://nodejs.org/en/) [](https://www.npmjs.com/package/inquirer) ## Table of Content * [ Project Links ](#Project-Links) * [ Screenshots-Demo ](#Screenshots-Demo) * [ Project Objective ](#Project-Objective) * [ User Story ](#User-Story) * [ Technologies ](#Technologies) * [ Installation ](#Installation) * [ Usage ](#Usage) * [ Credits and Reference ](#Credits-and-Reference) * [ Tests ](#Tests) * [ Author Contact ](#Author-Contact) * [ License ](#License) # ## Project Links ##### Deployed Link on Heroku: https://warm-forest-12403.herokuapp.com/ ##### GitHub Repo link: https://github.com/imbingz/MERN-stack-ecommerce ## Screenshots-Demo <kbd></kbd> <kbd></kbd> ## Project Objective * To build a responsive fully functional Ecommerce application that allows the sellers to save, retrieve and delete data like products, orders and buyers/users and the buyers to select items, save shopping carts and complete payment. * Build an admin dashboard and sales report chart so that it is easier for the seller to manage their inventories and orders * Enable buyer to choose address on the google map * Allow the sellers to send buyer notifications about the orders * Provide online customer support such as chat with admin/seller ## User Story As a seller/user, I want to have a responsive and secure e-commerce application that allows me to upload product information including images, manage inventories easily, allow the buyer/users to signup, login and reset password, search for products, save and edit shopping carts and complete orders online. It will be bonus to send users confirmation emails about their orders and provide them customer support all in one place. ## Technologies ``` Frontend: Reactjs, Redux Backend: node.js, Mongodb, Mongoose, Express js Authentication: Javascript Web Token (JWT) Other tools: Paypal API, Stripe API, Heroku ``` ## Installation Access to GitHub.com and a code editor such as vscode is necessary. Click the GitHub link provided above to the APP REPO. Click on the green button that says Clone or Download and Choose how you would like to download: using the SSH/HTTPS keys or download the zip file. If using SSH/HTTPS Key: You will copy the link shown and open up either terminal (mac: pre-installed) or gitbash (pc: must be installed). Once the application is open, you will type git clone paste url here. If using Download ZIP: Click on Download Zip. Locate the file and double click it to unzip the file. Locate the unzipped folder and open it. ## Usage In order to use this APP, you need terminal (mac: pre-installed) or gitbash (pc: must be installed). You also need to download and install [node.js](https://nodejs.org/en/) and [npm](www.npmjs.com) or [yarn](https://yarnpkg.com/) package manager. Open the cloned REPO in your favorite code editor, and then in terminal, enter the command “npm i“ or “yarn add” to install the dependencies. You will also need to signup for a free account at [mongodb.com](https://www.mongodb.com/). In addition, make sure to create a .env file on the project root, and input your own mongodb Atals config information. You also need to open a PayPal Developer Sandbox account [Link here](https://developer.paypal.com/developer/accounts/) in order to process the Paypal payment. Now you are ready to start using the app by entering “npm start” on your terminal or gitbash. If you just want to try how the app works, you can go to the link [here](https://warm-forest-12403.herokuapp.com/) ## Credits and Reference The following links have helped me with this project. <br> [React Icons](https://react-icons.github.io/react-icons/) <br> [mongodb.com](https://www.mongodb.com/)<br> [Heroku](https://heroku.com) <br> [PayPal Developer Sandbox account](https://developer.paypal.com/developer/accounts/) <br> [Basir YouTube Vidoes](https://www.youtube.com/watch?v=TRCDsB9i3bI) ## Tests npm test ## Author Contact Contact the author with any questions!<br> Github link: [imbingz](https://github.com/imbingz)<br> Email: [email protected] ## License This project is [MIT](https://choosealicense.com/licenses/mit/) licensed.<br /> Copyright © 2020 [BING Z](https://imbingz.github.io/Responsive-Website-Portfolio/) <hr> <p align='center'><i> This README was built with ❤️ by <a href="https://imbingz.github.io/Responsive-Website-Portfolio/"> BING Z</a> </i></p>