Giter Site home page Giter Site logo

lkotlarenko / project-recipes-app Goto Github PK

View Code? Open in Web Editor NEW
20.0 1.0 1.0 13.55 MB

A mobile first react web app that contains recipes of drinks & meals | Project made while attending Trybe.

Home Page: https://rappidissimo.netlify.app

License: GNU General Public License v3.0

JavaScript 88.71% HTML 2.67% CSS 8.62%
react-hooks context-api tailwindcss kanban trybe study-project

project-recipes-app's Introduction

Project Recipes App

A Trybe Project


Try our Rappidíssimo demo build 🚀

Netlify Status

Team


Technologies used:

  • React Hooks and Context API
  • Stylization with Tailwind CSS
  • React Player for video display
  • Trello as a Kanban tool
  • Slack for communication

What was developed

A Mobile First Web App that provides recipes of food and drinks from all over the world, practical and easy-to-do.

The recipes data come from 2 distinct APIs, one for food and another for drinks.


Layout:

  • The layout has as focus mobile devices on smaller screens.

Figma used

Gif preview


Time

The team had 10 days to develop the web app from scratch and organize all requirements Requirements evolution


APIs used

TheMealDB API

TheMealDB It is an open database, maintained by the community, with recipes and ingredients from all over the world.

The end-points are quite rich, you can see them here

The CockTailDB API

TheCocktailDB quite similar (even maintained by the same community) to ThemealDB API, only that focused on drinks. End-points here


project-recipes-app's People

Contributors

airamtoscano avatar henriquejensen avatar igorfellows avatar kelsonbatista avatar lhenriquerios avatar lkotlarenko avatar moisessantana avatar mpessini avatar samuel-santosphbr avatar trybe-tech-ops avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

jaimetr

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.