Coder Social home page Coder Social logo

jerkodeur / howtobefat Goto Github PK

View Code? Open in Web Editor NEW

This project forked from wildcodeschool/paris-0320-project2-howtobefat

0.0 0.0 0.0 3.22 MB

Deuxième projet fictif à la Wild Code School --- REACT, CSS --- 10/04 au 15/05 2020

Home Page: https://how-to-be-fat.netlify.app/

HTML 1.87% CSS 35.57% JavaScript 62.55%
2020 wildcodeschool project reactjs css3 hooks-api-react

howtobefat's Introduction

HowToBeFat

Description

Le but de cette application est de permettre aux personnes qui n'arrivent pas à grossir d'obtenir des conseils coaching, des recettes bien caloriques 🥘 et des bières pour accompagner leurs repas 🍺🍺🍺 ! Le tout dans une ambiance fun et gourmande !

Venez tester !!! 🍔🍔🍔

Contexte

Deuxième projet fictif réalisé à la Wild Code School Projet en full React conçu par une équipe de 4 developpeurs en apprentissage et pendant une durée de 4 semaines.

Celui-ci à été mené entièrement à distance du fait du Covid19, en suivant le concept Scrum et la méthodologie agile. Au départ du projet, nous n'avions pas encore appris à utiliser React, c'est donc en partant de zéro que nous nous sommes lancés dans la réalisation de cette application.

Fonctionnalités

  • Une recette aléatoire vous est proposé chaque jour, accompagnée de sa bière et de son conseil coaching
  • Faites une recherche personnalisée de recettes, sélectionnez vos ingrédients, régimes spéciaux, définissez un nombre de calorie minimal et/ou un temps de préparation à ne pas dépasser
  • Recherchez votre bière selon un nombre de degré d'alcool minimum
  • Définissez-vous un objectif de poids à atteindre grâce à notre calculateur de poids

Caractéristiques techniques

  • L'application a été pensé responsive, en mode mobile first comme il est vivement conseillé de le faire.
  • Afin de fournir les informations nécessaires, nous avons fait appel à 2 API, une pour l'affichage des recettes de cuisine, et l'autre pour les bières.
  • Utilisation de prop-types, des hooks, et de la syntaxe ECMAScript 6 de javascript.

Limitations

L'api de cuisine est limitée en nombre de requêtes, il est donc possible que notre mascotte soit déboussolé, si cela devait vous arriver, attendez quelques instants, et rafraichissez la page.

A propos

Retrouvez-nous sur Linkedin: Clem, Tada, Nico, Helder, Jerko (moi)

howtobefat's People

Contributors

jerkodeur avatar tadamiura avatar hipro90 avatar clemderome avatar helder-hanka avatar

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.