https://github.com/mogoatlhe/inventory-application

an online clothing store CRUD web application
https://github.com/mogoatlhe/inventory-application

express express-validator mobile-first mongodb mongoose nodejs pugjs responsive-design tailwindcss

Last synced: about 1 month ago
JSON representation

an online clothing store CRUD web application

• Host: GitHub
• URL: https://github.com/mogoatlhe/inventory-application
• Owner: Mogoatlhe
• Created: 2022-09-13T13:51:03.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-22T04:26:07.000Z (6 months ago)
• Last Synced: 2024-10-10T23:03:46.997Z (about 1 month ago)
• Topics: express, express-validator, mobile-first, mongodb, mongoose, nodejs, pugjs, responsive-design, tailwindcss
• Language: JavaScript
• Homepage: https://wandering-sun-3782.fly.dev/
• Size: 2.06 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# inventory-application

an online clothing store `CRUD` web application

![](./home-screen.png)

## Core Features

- [x] create an new `item` and `category`

- [x] read an `item` and `category` from the database

- [x] update an existing `item` and `category`

  - [x] categories must be unique

  - [x] items can have the same names

- [x] delete an existing `item` and `category`

  - [x] any item can be deleted

  - [x] only empty categories can be deleted

- [x] sort items by category

- [x] validate input fields

## Additional Features

- [x] make the application responsive across different screen sizes.

- [x] add and store item images

- [x] sort items by name or price, in ascending and descending order.

## Installation Instructions

- Clone the repo

- Open the `inventory-application` folder

- Run `npm i` from your terminal to install all of the project's dependecies

- Run `npm run serverstart` from your terminal to build and start the application

  - If your browser does not open automatically paste http://localhost:3000 in the address bar of your browser and press Enter

## Lessons Learnt

- Even though `DELETE` and `PUT` are valid `HTTP` methods, they are not valid `HTML5` code. `POST` and `GET` are the only permitted form `method` attribute values. Everything else will send a `GET` request instead.

## Credits

- All the images, and product details along with the design of the website is from: https://www.woolworths.co.za/cat/Men/Clothing/_/N-1z13s3l