https://github.com/urssanjaysingh/shop-application

A React-based shop application developed with Vite for fast performance and Recoil for state management. It features a product catalog with search, type filters, and full CRUD operations, all styled using Bulma CSS for a sleek interface.
https://github.com/urssanjaysingh/shop-application

bulma-css crud-application react-recoil reactjs recoil responsive-website shop-application

Last synced: 6 months ago
JSON representation

A React-based shop application developed with Vite for fast performance and Recoil for state management. It features a product catalog with search, type filters, and full CRUD operations, all styled using Bulma CSS for a sleek interface.

• Host: GitHub
• URL: https://github.com/urssanjaysingh/shop-application
• Owner: urssanjaysingh
• License: mit
• Created: 2024-12-03T05:45:27.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-12-04T03:30:12.000Z (10 months ago)
• Last Synced: 2025-02-05T13:51:22.374Z (8 months ago)
• Topics: bulma-css, crud-application, react-recoil, reactjs, recoil, responsive-website, shop-application
• Language: JavaScript
• Homepage: https://shop-application-9ng4.onrender.com/
• Size: 90.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Shop Application

## Project Overview

This project is a React-based shop application built using [Vite](https://vitejs.dev/) for fast development and [Recoil](https://recoiljs.org/) for state management. It features a product catalog with search and filter functionalities, along with CRUD operations for seamless user interaction.

## Features

-   **Product Catalog**: View a list of products with details such as name, picture, price, and type.

-   **Search Functionality**: Filter products by name.

-   **Type Filtering**: Filter products based on their type.

-   **CRUD Operations**: Create, read, update, and delete products.

-   **Responsive Design**: Styled using [Bulma CSS](https://bulma.io/) for a modern, clean interface.

## Tech Stack

-   **React** for building the user interface.

-   **Recoil** for managing the application state.

-   **Vite** as the build tool for optimized performance.

-   **Bulma CSS** for styling.

## Live Demo

Try out the live version of the app:

[![Live Demo](https://img.shields.io/badge/Live%20Demo-View-green?style=for-the-badge&logo=web&logoColor=white)](https://shop-application-9ng4.onrender.com)

## Installation

To run the project locally:

1. Clone the repository:

```bash

git clone https://github.com/urssanjaysingh/Shop-Application.git

```

2. Navigate into the project folder:

```bash

cd Shop-Application

```

3. Install dependencies:

```bash

npm install

```

4. Start the development server:

```bash

npm run dev

```

## Usage

-   Navigate to the app in your browser at `http://localhost:5173`.

-   Use the search bar and type filter to explore products.

-   Perform CRUD operations as needed.

## Contribution

Feel free to open issues or pull requests if you would like to contribute.

## License

This project is licensed under the MIT License.

---

If you found this project helpful or interesting, please consider giving it a star! ⭐

[![Star this project](https://img.shields.io/github/stars/urssanjaysingh/Shop-Application?style=social)](https://github.com/urssanjaysingh/Shop-Application/stargazers)