/React-Recipes

Simple app to find and collect recipes

Primary LanguageJavaScript

Recipe App

A recipe app designed to allow users to quickly and easily find, save, and share recipes.

Overview

This is a simple React application created primarily for learning purposes. It will include the ability to fetch a random recipe, retrieve a list of recipes based on various criterias (such as its cuisine type), and save recipes to a list of favorites.

Technologies Used

  • React framework
  • React Router
  • Chakra UI
  • Framer Motion
  • Spoonacular for fetching recipe information
  • Node / Express

Available Scripts

npm start

Run this command from the project's frontend directory.

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm run server

Run this command from the project's backend directory.

Starts the server on http://localhost:5000

To-Do List

The following are some tasks that still need to be completed, as well as questions that still need to be answered:

  • Make the user's profile picture more responsive
    • Perhaps disappear entirely at smaller screen sizes
  • The RecommendationMeal is also very unresponsive on mobile views
  • The Search Results screen is very incomplete