ewang0 / cravr

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CRAVR 🍝

Deployed Project

Table of Contents

Abstract

An app that fulfills your cravings! Have you ever felt the sudden urge for Italian food but not sure what to make? Cravr is an app that allows you to search for recipes according to your likes. You have the option of selecting a food type as well as filtering cuisine type, dietary needs, and intolerances. See a dish that interests you? Click on it and the dish summary is displayed along with a link to the ingredients and instructions on how to make it.

Technologies

image image image image
image image image

Illustrations

cravr

Desktop Version:

cravr-small

Responsive Design:
cravr-response-small

Wins

  • Successfully integrated TypeScript
  • Populating data from api endpoints
  • Making fetch url dynamic according to what filters are checked

Challenges

  • Working with an API with a daily request quota proved difficult with constant testing and debugging
  • Learning TypeScript syntax and integrating with React
  • Unchecking all checkboxes after submit button is pressed

Additions

  • Function that allows a user to favorite a food that can be viewed later
  • Adding a login function
  • Implement slider function to further filter by taste as modeled below

slider

About


Languages

Language:TypeScript 54.9%Language:CSS 24.1%Language:JavaScript 16.0%Language:HTML 5.1%