Simple Market Client with Next JS.
-
Install node modules: npm install
-
Run tests: npm run test
-
Build project: npm run build
-
Start project: npm run start
-
Start Market Server before next step.
-
Open browser localhost:3002. 6.1. Main Menu 6.1.1. Press button 'Create product' to open Create Product Form. 6.1.2. Press button 'See products' to open Catalog. 6.2. Create Product Form 6.2.1. Type a data in fields 'Name', 'Description', 'Price', 'Discounted Price', 'Article' for a new product. 6.2.2. Press button 'Upload Photo' and select JPEG-photo for a new product. 6.2.3. Press button 'Clear photo' to clear selected photo. 6.2.4. Press button 'Create product' to create a new product in Catalog. 6.2.5. Press button 'Home' in right top corner of the screen to open Menu. 6.3. Catalog 6.3.1. Press buttons '1', '2', etc to select page of the Catalog. 6.3.2. Select one of the following orders 'Alphabetically', 'Alphabetically back', 'Cheaper', 'More expensive' in the combobox to show products in an appropriate order. 6.3.3. Press button 'Filter' to open Filter Drawer. 6.3.4. Hover mouse to a product and find icon 'Pencil' in right top corner. Press button 'Pencil' to open Update Product Form. 6.3.5. Hover mouse to a product and find icon 'Trash' in right top corner. Press button 'Trash' to delete product from Catalog. 6.4. Filter Drawer 6.4.1. Type a data in fields 'Name', 'Min Price', 'Max Price', 'Min Discounted Price', 'Max Discounted Price' for a new filtered list of products. 6.4.2. Press button 'Apply filter' to open Catalog with filtered products. 6.5. Update Product Form 6.5.1. Update data in fields 'Name', 'Description', 'Price', 'Discounted Price', 'Article' for an updated product. 6.5.2. Update photo for an updated product. 6.5.3. Press button 'Update product' to update product in Catalog. 6.5.4. Press button 'Home' in right top corner of the screen to open Menu.