/react-recipe-app

Search functionality for recipes based on keywords with responsive design for desktop and mobile. Components display recipe details, images, and titles. Includes categorization and filtering

Primary LanguageJavaScript

Food Recipe App

Description :

Created Food Recipe App leveraging ReactJS for exploring React concepts and API integration. Users can discover diverse recipes in a clean, responsive design suitable for both desktop and mobile devices. Pages display meal cards and ingredients, linked to preparation instructions.

Features :

  • Search functionality to find recipes based on keywords
  • Responsive design that works seamlessly on both desktop and mobile devices
  • Components for displaying recipe details, images, and titles
  • Recipe categorization and filtering

Lesson Learnt

  • React router DOM
  • React Hooks -useState Hook -useEffect Hook
  • styling components using styled components
  • Fetching Data using Async and Wait
  • Styled Components
  • Responsiveness of Web pages
  • API calls using Axios

Getting Started

To install and run the Weather App locally, follow these steps:

  • Clone the repository: git clone
  • Navigate to the project directory: cd
  • Install dependencies: npm install
  • Start the development server: npm start