Coder Social home page Coder Social logo

rafaelfcardoso / recipes-app-frontend Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 4.36 MB

Mobile-first app for recipes management, using React Hooks and Redux.

Shell 0.01% JavaScript 88.39% HTML 0.24% CSS 11.37%
html-css-javascript react-hooks reactjs redux

recipes-app-frontend's Introduction

Recipes App: Cap'N Cook

Contexto

App de receitas desenvolvido em equipe, composto por 4 pessoas, no curso da Trybe. Nesse aplicativo é possível ver, buscar, filtrar, favoritar e acompanhar o progresso de preparação de receitas e drinks! A base de dados foram 2 APIs distintas, uma para comidas (TheMealDB) e outra para bebidas (The CockTailDB). Foi implementado testes unitários com Jest e a organização das atividades foi feita seguindo o modelo Kanban, utilizando a ferramenta Trello. Acesse o projeto para mais detalhes.

Técnologias usadas

Esse projeto foi desenvolvido com as seguintes tecnologias:

Front-end:

Desenvolvido usando: React, Redux, CSS3, HTML5, ES6

📌 Habilidades

Nesse projeto, fui capaz de:

  • Utilizar Redux para gerenciar estado
  • Utilizar a biblioteca React-Redux para gerenciar estado
  • Utilizar o React Hook useState
  • Utilizar o React Hook useContext
  • Utilizar o React Hook useEffect
  • Criar Hooks customizados

Instalando Dependências

cd src/
npm install

Executando aplicação

  • Para rodar o front-end:

      cd src/ && npm start
    

Executando Testes

  • Para rodar todos os testes:

      npm test
    

recipes-app-frontend's People

Contributors

douglas-marcal avatar rafaelfcardoso avatar adrianorsantos91 avatar leonardo-terra avatar trybe-tech-ops avatar

Watchers

 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.