https://github.com/valeian3/online-store

React Vite online store app styled with Tailwind
https://github.com/valeian3/online-store

dummyjson react react-router-v6 tailwindcss typescript vite

Last synced: 3 months ago
JSON representation

React Vite online store app styled with Tailwind

• Host: GitHub
• URL: https://github.com/valeian3/online-store
• Owner: valeian3
• Created: 2024-11-13T16:14:16.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-05T16:34:06.000Z (over 1 year ago)
• Last Synced: 2026-01-03T16:32:42.452Z (6 months ago)
• Topics: dummyjson, react, react-router-v6, tailwindcss, typescript, vite
• Language: TypeScript
• Homepage:
• Size: 178 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React online store

Here is a live [demo](https://online-store-demo-v1.netlify.app).

### About The Project

Example app of React as client and DummyJSON as API provider.

#### Built With

[![React](https://img.shields.io/badge/React-%2320232a.svg?logo=react&logoColor=%2361DAFB)](https://react.dev/)

[![React Router](https://img.shields.io/badge/React_Router-CA4245?logo=react-router&logoColor=white)](https://reactrouter.com/en/main)

[![Vite](https://img.shields.io/badge/Vite-646CFF?logo=vite&logoColor=fff)](https://vite.dev/)

[![TailwindCSS](https://img.shields.io/badge/Tailwind%20CSS-%2338B2AC.svg?logo=tailwind-css&logoColor=white)](https://tailwindcss.com/)

[![JSON](https://img.shields.io/badge/JSON-000?logo=json&logoColor=fff)](https://www.json.org/json-en.html)

### Prerequisites

Understanding how React + Vite work on client side and it's communication with DummyJSON

### For developers

Ensure you have **.env** file configured as shown in **.env.example**. For api url check **API section**

Enabling feature flag for adding to cart **wont** give any functionality, it is only **presentational**.

#### Setup and run in dev mode

Clone the github repository:

```

git clone url

```

Navigate to the project directory:

```sh

cd online-store

```

Install project dependencies:

```

npm install

```

Run the command to start development server:

```

npm run dev

```

### API

The API used in project is:

```

https://dummyjson.com/

```