mullinsand / lunch-and-learn-fe

Table of Contents

• Introduction
• Contributors
• Technologies
• Features
• Learning Goals

• Future Extensions
• Set Up
• Sources
• Project Specs
• Project Repot

Introduction

Lunch and Learn allows users to look up recipes from a specific country and then find educational resources about that country. Users can register and login, allowing them to favorite specific recipes for later use.

Contributors

Andrew Mullins

Technologies

Front-End:

Back-End:

Features

• Home page shows logo, search bar and random country selection button

- Users can search for recipes by country, with 10 results showing up per search.
- Each recipe provides a recipe link as well as a nice image of the dish.

- Error handling has also been implemented for erroneous searches.

Learning Goals

• Learn how to make a multi-page react app with user authenication

Deployed Link

Future Extentsions

• Pagination for recipe search
• Login and User registration
• Favorites recipes

Set Up

1. Fork and clone this repo
2. Type cd lunch-and-learn-fe to move into the root directory
3. Run npm install to install necessary dependencies
4. Run npm start
5. Copy local url given by running npm start and paste it to your browser

Sources

• MDN
• W3Schools

Project Specs

• The spec for this project can be found here

Project Repo

• The project BE repo can be found here
• The project FE repo can be found here

lunch-and-learn-fe's Issues

Add Favorites (hearts) to each recipe

• Hearts only present when user has logged in
• Each recipe has a heart
• On click, post sent to api adding favorite to the user
• Heart become unfilled and, upon click, is a delete to the api removing that recipe from the user's favorites

Register Page

• User gives an email and password and confirms password.
• Will return error messages if:
  • user name is already in use
  • passwords don't match
• User is taken to home page

Login Page

• Allows existing user to login
• Error messages:
  • Invalid username
  • Incorrect password
• User is taken to the home page

Favorites Page

If a user is logged in,

• Can access favorites from navbar
• List of all favorite recipes
• Can click unfilled hearts to unfavorite, removes that recipe