Projeto de um cardápio de restaurante, onde as informações foram adicionadas dinamicamente através de um JSON. É possível filtrar pela busca ou pelas tags e também ordernar de forma crescente de acordo com a porção, preço ou quantidade de pessoas servidas.
Para construção desse projeto foram utilizados:
- React
- TypeScript
- CSS Modules
- SASS
- React Router Dom
Após clonar o projeto, acesse o diretório e digite o comando abaixo para instalar as dependências necessárias:
npm install
Depois você pode rodar a aplicação com o comando:
npm start
Neste projeto foi possível aprender a utilização prática de diversos hooks como useState, useEffect e useCallback. Além disso praticamos Typescript com a tipagem de diversas props e componentes. Adicionamos ícones através da lib react-icons e também usamos a lib classNames para facilitar a inclusão de classes com condicionais.