Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rishika105/shop-app-redux
A fake shop app webpage that contains functionality of cart, router, toast,etc. using concept of redux build on a react-tailwind starter pack.
https://github.com/rishika105/shop-app-redux
reactjs redux tailwind
Last synced: 6 days ago
JSON representation
A fake shop app webpage that contains functionality of cart, router, toast,etc. using concept of redux build on a react-tailwind starter pack.
- Host: GitHub
- URL: https://github.com/rishika105/shop-app-redux
- Owner: rishika105
- Created: 2024-05-13T05:09:33.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-09-10T08:08:05.000Z (about 2 months ago)
- Last Synced: 2024-09-10T10:21:10.966Z (about 2 months ago)
- Topics: reactjs, redux, tailwind
- Language: JavaScript
- Homepage: https://shop-app-redux-tailwind.netlify.app/
- Size: 1.32 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fake Shop App
**Ecomzy** is a fake e-commerce web app that features a functional shopping cart, routing, toast notifications, and state management using Redux. The project is built using a React-Tailwind starter pack for quick and responsive styling.
## Features
- **Cart Functionality**: Users can add and remove items from the cart.
- **Routing**: Navigation between different pages using React Router.
- **Toast Notifications**: Feedback to users on cart actions using toast.
- **Redux State Management**: Managing cart state and actions using Redux Toolkit.
- **Tailwind CSS**: Responsive, utility-first CSS framework for styling.
## Tech Stack
- **React**: JavaScript library for building user interfaces.
- **Redux Toolkit**: Simplified state management for React applications.
- **React Router**: For routing between different pages in the app.
- **Tailwind CSS**: For styling the UI in a responsive and utility-first approach.
- **React-Toastify**: For toast notifications on user actions.
## Setup Instructions
1. **Clone the repository**:
```bash
git clone https://github.com/rishika105/shop-app-redux.git
```
2. **Navigate to the project directory**:
```bash
cd shop-app-redux
```
3. **Install dependencies**:
```bash
npm install
```
4. **Run the app**:
```bash
npm start
```
## Usage
- Browse through the product listings.
- Add products to the cart and view the cart.
- Remove products from the cart with instant feedback using toast notifications.
## Screenshots
