/Recipe_App

Explore and discover a variety of recipes using this web application. Search for recipes by name or keywords in a user-friendly interface. Enjoy efficient navigation through a paginated list of recipes, and add your favorite recipes to a wishlist for easy access. A practical tool for culinary inspiration and organization.

Primary LanguageJavaScript

Recipe Discovery Web Application

This web application allows users to explore and discover various recipes. It provides a user-friendly interface for searching for recipes by name or keywords, as well as navigating through a paginated list of recipes. In addition to these features, the application includes user authentication and a wishlist functionality, making it convenient for users to save and access their favorite recipes.

Deployment Link

Explore the Recipe App

Screenshots

Authentication Page

Authentication Page

Recipe Page

Recipe Page

Wishlist Page

Wishlist Page

Tech Stack

  • Node.js
  • React
  • Chakra UI
  • Redux
  • JavaScript
  • Express
  • Mongoose
  • MongoDB
  • CSS

Project Structure

  • client: Contains the frontend React application.
  • server: Houses the backend server implemented with Node.js, Express, and MongoDB integration.
  • public: Holds public assets and files used by the application.
  • src: Contains the source code for the React application.

Features

  • User Authentication: Users can sign up and log in to access their personalized experience.

  • Recipe Search: Easily search for recipes by name or keywords.

  • Pagination: Navigate through a paginated list of recipes.

  • Wishlist: Save and access favorite recipes by adding them to the wishlist.