Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aviralsharma07/sahayak


https://github.com/aviralsharma07/sahayak

Last synced: 29 days ago
JSON representation

Awesome Lists containing this project

README

        

# Sahayata Assignment

## Live Project Links

- [Products Frontend](https://sahayak-jet.vercel.app/products)
- [Orders Frontend](https://sahayak-jet.vercel.app/orders)

## Technology Used

- Next.js
- React.js
- Tailwind CSS
- FastAPI

### ShadCNs UI Components Used

- Button
- Input
- Select
- Table
- Pagination
- Toast
- Toggle
- Dropdown Menu
- Dark Theme

## Instructions for Running Project Locally

1. Clone the repository:

```bash
git clone https://github.com/aviralsharma07/sahayak.git
cd sahayak
```

2. Install the dependencies:

```bash
npm install
```

3. Run the development server:

```bash
npm run dev
```

4. Open [http://localhost:3000](http://localhost:3000) in your browser.

# Screenshots of the Project

### List Products

- Products can be sorted by `Price`.
- Products can be filtered by Price Range

![listProducts](results/listAllProducts.png)

### Create a Product

![createProduct](results/createProduct1.png)
![createProduct](results/createProduct2.png)

### Update a Product

![updateProduct](results/updateProduct.png)

### Delete Products

- Single Product can be deleted by clicking on the `Delete` button.
- Multiple Products can be deleted by selecting the checkbox and clicking on the `Delete Selected` button.

![deleteProduct](results/deleteProduct.png)

### List Orders

![listOrders](results/listOrders.png)

### Create an Order

![createOrder](results/createOrder1.png)
![createOrder](results/createOrder2.png)

### Update an Order

![updateOrder](results/updateOrder.png)

### Delete/Cancel an Order

- Single Order can be deleted by clicking on the `Delete` button.

![deleteOrder](results/listOrders.png)