https://github.com/ricnaga/legrano-massas

Site em Reactjs para compra de massas para consumo
https://github.com/ricnaga/legrano-massas

craco eslint husky lint-staged localstorage muiv5 netlify prettier testing-library typescript usereducer usestate

Last synced: 24 days ago
JSON representation

Site em Reactjs para compra de massas para consumo

• Host: GitHub
• URL: https://github.com/ricnaga/legrano-massas
• Owner: Ricnaga
• License: mit
• Created: 2022-08-10T14:37:42.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-14T21:27:18.000Z (6 months ago)
• Last Synced: 2024-08-15T15:25:46.907Z (6 months ago)
• Topics: craco, eslint, husky, lint-staged, localstorage, muiv5, netlify, prettier, testing-library, typescript, usereducer, usestate
• Language: TypeScript
• Homepage: https://legranomassas.netlify.app
• Size: 1.62 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: license

Awesome Lists containing this project

README

        










#### - Projeto finalizado 🟢





# Legrano | Culinária artesanal





### 
 Aplicação em Reactjs/Typescript, abordando conceitos sobre: 


- [TypeScript](https://www.typescriptlang.org/) - Tipagens

- [Reactjs](https://pt-br.reactjs.org/) - useState e useReducer

- [Localstorage](https://developer.mozilla.org/pt-BR/docs/Web/API/Window/localStorage) - Armazenamento de dados do carrinho

- [React Router DOM](https://reactrouter.com/docs/en/v6/getting-started/overview) - Roteamento de páginas

- [Mui](https://mui.com/) Componentes personalizados

- [ESLint](https://eslint.org/) - linter para código

- [Prettier](https://prettier.io/) - formatador de código

- [Husky](https://typicode.github.io/husky/#/) - Capturar determinado momento de um commit

- [Lint-staged](https://github.com/okonet/lint-staged) - Executar ações em determinado momento de um commit

- [Github Actions](https://github.com/features/actions) - Executar verificações durante a atualização de uma nova dependêcnia via github

- [Testing library](https://testing-library.com/) - testes unitários de hooks e components

- [Craco](https://craco.js.org/) - Sobreescrita da configuração default do [create-react-app](https://create-react-app.dev/)

## 
Requisitos


Para executar a aplicação é necessário instalar algumas ferramentas tais como um editor de códigos para realizar compilação dos mesmos. Nesse projeto foi utilizado o [Visual Studio Code](https://code.visualstudio.com/), [NodeJS](https://nodejs.org/en/) para compilação do código, [git](https://git-scm.com/downloads) para baixar o repositório e baixar todas as dependências necessárias.

```bash

# Clone este repositório(caso ja tenha feito isso no passo anterior, pule para o próximo comando)

$ git clone 

# Acesse a pasta do projeto no terminal

$ cd legrano-massas

# Instale as dependências

$ yarn (ou npm install)

# Inicie a aplicação

$ yarn dev (ou npm run dev)

# A aplicação abrirá automaticamente um navegador com o endereço 

# Para executar os testes digite

$ yarn test (ou npm run test)

```

#

## 
Demonstração


### 
 [https://legranomassas.netlify.app](https://legranomassas.netlify.app/)


### Esse site também foi feito em nextJS, confira aqui [Legrano - nextjs](https://github.com/Ricnaga/legrano-massas/tree/feature/nextjs)