Este desafio se trata de fazer uma aplicação React(utilizando TypeScript, além de Material UI para o design.), de uma loja de frutas, consumindo uma API da "Fruityvice", onde possui uma lista de frutas com informações adicionais das mesmas. Além disso a aplicação possui um sistema de carrinho de compras com uma simulação de compra.
Projeto no Firebase: https://desafio-frexco.web.app/
- Integração com API do Fruityvice. ✔️
- Sistema de grid mostrando todas as frutas com suas respectivas informações. ✔️
- Sistema de Carrinho. ✔️
- Rotas. ✔️
- Simulação de compra. ✔️
- Refatorar código. ✔️
- Deploy no FireBase. ✔️
- React:heavy_check_mark:
- Typescript:heavy_check_mark:
- Material UI:heavy_check_mark:
A aplicação foi feita com React e Typescript, o design das páginas foram feitos a partir do MUI(Material UI), utilizando ao máximo sua documentação.
Antes de começar, você vai precisar ter instalado em sua máquina algum gerenciador de pacotes, seja o Npm ou o Yarn.
Além disto é bom ter um editor para trabalhar com o código como VSCode
# Clone este repositório
$ git clone https://github.com/valentimcanejo/desafio-frexco.git
# Acesse a pasta do projeto no terminal/cmd
$ cd desafio-frexco
# Use um destes comandos para instalar as dependências
$ npm install
ou
$ yarn install
# Use um destes comandos para iniciar a aplicação
$ npm start
ou
$ yarn start
# O servidor inciará na porta:3000