A full-stack online store.

Features

• signing up/in/out users with on-the-fly validation
• E-mail address verification
• adding/editing/deleting product cards
• generic pagination
• product cards cart
• filtering product cards
• dark mode
• server simulation

Product Cards

• Only a logged-in user with a verified E-mail address can add, edit, or delete product cards.
• A user can edit or delete only their own product cards.
• Each product card has its main image (first loaded one by default).
• A main image is shown in a synopsis and in the main image frame when exploring a product card.
• A main image can be selected by clicking a product synopsis and then an image from its list of images.
• If the selected main image is not found, the default image is used instead.

Cart

• Only other's product cards can be added/removed into/from the cart.
• Product cards in the cart are stored only on the client side.

Filtering

• Product cards whose names contain all words from the query are shown.

Server Simulation

• It allows using the client application in the usual way (with some restrictions) when the server is down using redux store for fake data.
• All the fake data is stored only during one session (period between page refreshes).

Build

1. git clone https://github.com/monadosquito/store.
2. cd store/client.
3. npm run build.

Develop

1. git clone https://github.com/monadosquito/store.
2. cd store. 3.
   • to run watching the client application
     1. cd client.
     2. npm run start.
   • to run watching the server application
     1. cd client/src/server.
     2. npm run watch start.

Notes

• This application consists of two sub applications, each with its own package.json file, so that client/src/server/core is available in both:
• client is the client application.
• client/src/server is the server application.