https://github.com/hirwa13/product-page

Live url:
https://github.com/hirwa13/product-page

Last synced: 17 days ago
JSON representation

Live url:

• Host: GitHub
• URL: https://github.com/hirwa13/product-page
• Owner: HIRWA13
• Created: 2023-09-27T12:18:57.000Z (over 1 year ago)
• Default Branch: dev
• Last Pushed: 2023-10-18T05:19:16.000Z (about 1 year ago)
• Last Synced: 2023-10-19T00:45:51.707Z (about 1 year ago)
• Language: JavaScript
• Homepage: https://product-details-page-jk.netlify.app/
• Size: 489 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Product Page in React Js

in this project I am teaming up with [Kevine Mugisha](https://github.com/kevinemug) to build this simple product page in react js.

you can find our progress on linkedin [Junior Hirwa](https://www.linkedin.com/in/hirwajr/) and [Kevine Mugisha](https://www.linkedin.com/in/kevine-mugisha-b7387b230/) where we will be talking about the project and how we will be building it.

we will be imitating this design from [frontendmentor.com](https://www.frontendmentor.io/challenges/ecommerce-product-page-UPsZ9MJp6/hub)

## Description

This is a simple product page in React Js. It is a responsive page. It is a single page application. It is a product page where you can see the product details and add to cart. You can also see the cart details. You can also remove the product from the cart. You can also increase or decrease the quantity of the product in the cart. You can also see the total price of the products in the cart. You can also see the total quantity of the products in the cart. You can also see the total price of the products in the cart. You can also see the total quantity of the products in the cart. You can also see the total price of the products in the cart. You can also see the total quantity of the products in the cart. You can also see the total price of the products in the cart. You can also see the total quantity of the products in the cart. You can also see the total price of the products in the cart. You can also see the total quantity of the products in the cart. You can also see the total price of the products in the cart. You can also see the total quantity of the products in the cart.

## Technologies

* React Js

* HTML

* tailwind css

* Javascript

## Getting Started

### Dependencies

* You need to install node js in your system.

* You need to install npm in your system.

* You need to install react js in your system.

### to run it in your local system

* First clone the repository in your system.

* Then open the terminal in the project folder.

* Then run the command `npm install` to install all the dependencies.

* Then run the command `npm run dev` to run the project in your local system.

* Then open the browser and go to the url `http://localhost:5173` to see the project.

## Authors

Contributors names and contact info

* [Junior Hirwa](https://www.github.com/HIRWA13)

* [Mugisha Kevine](https://www.github.com/kevinemug)