Skip to content

RowlandWanderi/phase-2-Band-wagon-merch-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Phase-2-project-band-merch-website

Created on 09/11/2023

By Rowland Wanderi

Description

This is project is a React application called the BandWagon that allows you to review,update,delete,add and buy an item of your choice from the Bandwagon store through the webpage using a locally made json server.

Setup

Running the Application

- Clone this repository to your local machine.
- Open the folder with vs code.
- A json server is required for this project so we need to get the backend started:


    Test your server by visiting this route in the browser:

    [https://bandwagon-react-app-u994.onrender.com/Tshirts](https://bandwagon-react-app-u994.onrender.com/Tshirts)

- You also need to install the react router dom by typing

    ```sh
        npm install react-router-dom
    ```

- Then, type "npm install" in the terminal to download the dependencies and then type in "npm start" to run the application.  
-Open [http://localhost:3001](http://localhost:3001) to view it in your browser.
- And your application is running.

Project requirement

  • db.json file
  • index.html
  • index.js
  • main.css stylesheet
  • vs code
  • fetch()
  • React components
  • React Router
  • Bootstrap styling
  • Font awesome icons
  • Sweet alert pop ups

Live link

Deployed Frontend can be accessed here Blog

Deployed Backend can be accessed here Blog

Deliverables

  • The user can view products listed on the page and see its details.
  • The user can add a review for a product listed on the page after clicking the review button.
  • The user can update the product details listed on the page after clicking the update button.
  • The user can upload a new product to the website after clicking the sell your product button.
  • The user can delete a product from the website after clicking the delete button.

Known Bugs

The app works perfectly.

Technologies used

- JS
- HTML and CSS
- Fontawesome
- Sweet alert
- BOOTSRAP
- Fetch
- JSON 
- React

Support and contact details

- email :: rowlandswanderi@gmail.com
- phone :: +254718074885