https://github.com/dhirajaryaa/e-commerce
E commerce site using react [usecontext, usereducer ,etc.] ,for styling use tailwind css and tailblocks pre build ui components and for api use fakeshop api
https://github.com/dhirajaryaa/e-commerce
api javascript react react-hooks react-router reactjs tailblockcc tailwindcss
Last synced: 3 months ago
JSON representation
E commerce site using react [usecontext, usereducer ,etc.] ,for styling use tailwind css and tailblocks pre build ui components and for api use fakeshop api
- Host: GitHub
- URL: https://github.com/dhirajaryaa/e-commerce
- Owner: dhirajaryaa
- Created: 2024-07-07T13:35:12.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-07-10T14:35:00.000Z (12 months ago)
- Last Synced: 2024-07-11T15:55:55.910Z (12 months ago)
- Topics: api, javascript, react, react-hooks, react-router, reactjs, tailblockcc, tailwindcss
- Language: JavaScript
- Homepage: https://e-commerce-dhirajaryaa.vercel.app/
- Size: 117 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# E-Commerce Project README
This project is an eCommerce web application built with React, styled using Tailwind CSS and Tailwind Blocks components. It fetches data from the FakeShop API to populate the product catalog and handle shopping cart functionalities.
## Demo
[](https://www.youtube.com/watch?v=h7ZCPV7tw7w)
## Features
- **Product Listing:** Displaying products fetched from the FakeShop API.
- **Product Details:** View detailed information about each product.
- **Shopping Cart:** Add products to the cart, adjust quantities, and remove items.
- **Checkout:** Basic checkout functionality (depending on FakeShop API).
## Technologies Used
- **React:** Frontend JavaScript library for building user interfaces.
- **Tailwind CSS:** Utility-first CSS framework for styling.
- **Tailwind Blocks:** Pre-designed components built with Tailwind CSS for faster development.
- **FakeShop API:** Provides product data for the eCommerce platform.
## Getting Started
To get a local copy up and running follow these simple steps.
### Prerequisites
Make sure you have Node.js and npm (or yarn) installed on your development machine.
### Installation
1. Clone the repo
```sh
git clone https://github.com/dhirajaryaa/E-Commerce.git
```
2. Navigate into the project directory
```sh
cd E-Commerce
```
3. Install dependencies
```sh
npm install
```
### Usage
1. Start the development server
```sh
npm run dev
```
2. Open [http://localhost:5500](http://localhost:5500) to view it in the browser.
### Deployment
To deploy this project, follow the React deployment instructions suitable for your hosting environment.
## License
Distributed under the MIT License. See `LICENSE` for more information.
## Contact
Your Name - [Dhiraj Arya](https://dhirajaryaa.vercel.app/)
Project Link: [https://github.com/dhirajaryaa/E-Commerce](https://github.com/dhirajaryaa/E-Commerce)