SHOP ALL ECOMMERCE APP

Live Website - https://shop-all.netlify.app/

About/Description

This app is a fully functional ecommerce app and users can view single product, increase/decrease the quantity of product and then move to checkout and pay using stripe or paypal whichever they want. After placing the order, the order can be viewed from the order history. Users can also edit the user info from the my account section in the app.

Functionalities

• Login/Signup using JWT token
• Paypal/Stripe Payment Options
• Order History
• Edit User Information
• Protected Routes using backend

Tech Used:

Frontend

• HTML
• CSS
• JAVASCRIPT
• REACT BOOTSTRAP
• REACT
• REDUX
• PAYPAL SDK
• STRIPE NPM MODULE

Backend

• NODEJS/EXPRESS
• MONGODB
• JWT
• BCRYPTJS

Icons - Fonts Awesome

Outcome/Learning

I have learnt a lot during the implementation of this project, first of all this project is a medium to large scale commercial project so a lot of planning was involved which I had to do. Then I learnt how the redux works flawlessly in big apps where multiple reducers are required, in this app login, cart functionality, order and payment management all is done with the great redux toolkit, and using redux makes the state management and accessibility within the components very much easy. Also I learnt how to implement the login functionality using JWT token and bcrypt packages which was a bonus point. On the backend I learnt how to plan schema building in mongoDB of these type of commercial projects in which there are many to many relationships, for example a user can have many orders etc, also efficiently managing all this many to many data is what I learnt while building this project.

NPM Commands

• npm i - installs all the dependencies
• npm start - starts the frontend development server on your local machine.