Skip to content

Latest commit

 

History

History
57 lines (42 loc) · 1.12 KB

File metadata and controls

57 lines (42 loc) · 1.12 KB

React Product Search

A modern product search application built with React 18 and Vite, connected to RESTHeart Cloud backend.

Features

  • Real-time product search by name
  • Filter by price range
  • Filter by category
  • Responsive design
  • Beautiful gradient UI

Setup

  1. Install dependencies:
npm install
  1. Configure your RESTHeart Cloud instance:
cp .env.example .env
# Edit .env and set VITE_RESTHEART_URL to your RESTHeart Cloud instance
  1. Run development server:
npm run dev
  1. Build for production:
npm run build

RESTHeart Cloud Setup

Make sure you have set up your RESTHeart Cloud backend as described in the documentation.

You need:

  1. A products collection with sample data
  2. Permissions configured for unauthenticated read access

Tech Stack

  • React 18 (with Hooks)
  • Vite
  • Native Fetch API for HTTP requests

Project Structure

src/
├── App.jsx          # Main application component
├── App.css          # Styles
└── main.jsx         # Application entry point