Introduction:

In this project I will be building an eCommerce platform from scratch.

Development Gear:

• The following development techniques and tools are used in the project
  • React with functional components & hooks
  • React router
  • React-Bootstrap UI library
  • Component level state & props
  • Global state with Redux (Actions & Reducers)
  • Redux state in components (useDispatch & useSelector)
  • Creating an extensive back end with Express
  • Working with a MongoDB database and the Mongoose ODM
  • JWT authentication (JSON web tokens) with HTTP-Only cookie
  • Creating custom authentication middleware
  • Custom error handler
  • Integrating the PayPal API
  • Environment variables
  • Project deployment

Software-Tools:

I work it out with the following toolkit:

• VSCode
  • ES7 React Native Snippets
  • Prettier
  • JS ES6 code Snippets
  • CodePilot
  • Postman
• Git
• Node.js
  • Express
  • Mongo DB
  • mongoose
• Postman
• Chrome (development)
  • React Developer Tools
  • Redux DevTools
• Safari (research)
• Agenda (markdown notes taking)

Setup

Folder Structure

• /myWebshop
  • /frontend
  • /backend
  • /uploads

CLIENT SITE - Frontend with React, Bootstrap