RecipeBox is a single-page application (SPA) built with React.js. The app displays a list of recipes, allows users to view recipe details, search by title or ingredient, and mark recipes as favorites. The project demonstrates basic SPA functionality, component usage, and routing with React Router.
- Display a list/grid of recipes
- View full recipe details
- Search recipes by title or ingredient
- Mark recipes as favorites
- Clone the repository
git clone <your-repo-url>
cd <your-repo-folder>- Install dependencies
npm install- Start the development server
npm startThe app will run at http://localhost:5173/ by default.
- React.js
- React Router
- ShadCN UI
- Card
- Dialog
- Input
The app uses recipes.json as its data source. Data is fetched when the components mount to display recipes dynamically.
