luisda190519 / GroceryStore

The Grocer Shopping Application is an application for sellers that allows them to perform basic database operations, such as adding and subtracting inventory items.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Grocery Store

The Grocer Shopping Application is an application for sellers that allows them to perform basic database operations, such as adding and subtracting inventory items.

Hence, Grocer's main focus is on the efficiency of data management and how it can be useful for both consumers and sellers.

Installation

You must have Node js, Vite js, and Mysql installed.

After downloading the project, go to the Frontend folder and type

  npm install

This will install all the dependencies and libraries used in the Frontend, then go to the Backend folder and type the same.

Deployment

To deploy the app, first locate in the Frontend folder and type.

  npm run dev

Then go to the Backend folder and type the following.

  npm run dev

Tech Stack

Client: React

Server: Node, express, Mysql ...

Screenshots

The first thing to do when you start the application is to log in.

login

If you don't already have an account, register now

login

Then you will see the home page, here you will see all the registered products.

1

You can add these products to the cart with their respective quantity. You can filter the products by categories, using the sidebar

2

And the page will be filtered for that category.

3

You can also click on the product images, here you will get a more detailed view of the product.

4

You can also add more products

5

And register suppliers or vendors

6

Once your shopping cart is set up, with all the products you wish to purchase, click on the cart icon to go to checkout.

7

Here you will see a table with your products added to the cart, once everything is confirmed you can buy them.

8

Acknowledgements

This application was mainly used to reinforce web development bases, and to use the Mysql database.

Support

For support, email licerol@uninorte.edu.co

Authors

About

The Grocer Shopping Application is an application for sellers that allows them to perform basic database operations, such as adding and subtracting inventory items.


Languages

Language:JavaScript 96.3%Language:HTML 2.8%Language:CSS 0.9%