samw1se97 / booze-store

React Project for University

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

HOME-PAGE

Admin page.

A form for Adding new products to DB.

ADMIN-PAGE

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.

ALL-BOOZE

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

Aperitifs

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

Wines

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

Update or delete item

Delete

About

React Project for University


Languages

Language:JavaScript 59.9%Language:CSS 36.0%Language:HTML 4.1%