This application made using React allows users to browse recipes based on selected ingredients and view detailed cooking procedures.
- Display a list of ingredients categorized into Vegetables, Proteins, Grains, Dairy, Fruits, Spices, Oils, and Miscellaneous.
- Select ingredients to find matching recipes.
- View detailed recipes including ingredients, preparation steps, and cooking instructions.
- Navigate to a specific recipe's procedure page to view cooking procedures.
- Pictures of each Recipe dish is displayed along with the detailed instructions.
- React.js
- JavaScript
- HTML/CSS
To run this project locally, follow these steps:
- Node.js and npm (Node Package Manager) installed on your machine.
-
Clone the repository to your local machine:
git clone [email protected]:Yumnam-L/spider.git