React ecommerce project

The project includes:

1. Connection to Firebase
2. Adding new Documents to DB
3. Deleting existing Documents from DB.
4. Updating existing Documents in DB.
5. Routing + Nested Routing.
6. Links.
7. CSS Styling.

and much more.

Home Page.

This is the landing page of the Store, From here you can navigate through all the project.

You will see a navbar with 3 buttons / links to 3 diferent pages.

1. Home, the home page.
2. Admin, a page with a form for Adding existing producs.
3. Drinks, the page with all products displayed.

Admin page.

A form for Adding new products to DB.

Drinks page.

The page where all products are displayed in grid layout.
Each card is a product, and each card contains a "Details" button wich when clicked on,
another page will open with the products Details.

A new navbar will appear with 3 buttons/links and each button will open the filtered products based on the button that was clicked.

When the aperitif button is clicked, you will be navigated to this page.

When the wines button is clicked, you will be navigated to this page.

When details is clicked, the details page will look like this.
From here you will have the possibility to Update or Delete the product.

Update or delete item