PERN Stack SPA Online Store

This repository covers most of the concepts of PERN application. This is a Single Page Application of online store. Stack of used technologies is below as well as the steps to reproduce them.

Backend Stack Technologies:

• Node JS (Platform for backend)
• Express (Framework for backend)
• Postgre SQL (Database management system)
• Sequelize (ORM)

Frontend Stack Technologies:

• React JS (Framework for frontend)
• React Bootstrap (User Interface UI)
• Axios (Requests to Server)
• React Router Dom (Navigation)
• MobX (State Managment)

Steps During the Backend Development:

• Build a database diagram
• Rest API Online Store
• Relations between Database and Data
• Routes and Endpoints
• Error Handlers
• CRUD for routes and their controllers
• Business Logic (Filtering and Pagination)
• User Registration and Login with JWT tokens
• Middlewares

Steps During the Frontend Development:

• Build a structure of the client part
• Routes and their components
• Creating a storage and context transfer
• Pages and reusable components layout
• Creating custom UI components such as modals
• React hooks usage
• Setting up interaction with the server

Required Tasks to do:

• Create rating system
• Create cart system

Required Issues to fix:

• Axios sends 401 error while user is not authorized
• Axios sends 404 error while admin creates new device

How to load script?

Download zip archive and create new react app. Put all the components inside created folder and install all dependencies from package.json file.