Acesse e confira o repositório back-end
https://github.com/Tava1/crud-feliz-backend
A aplicação pode ser visitada a qualquer momento pelo link: https://crud-feliz-frontend.vercel.app/
Publicação realizada pelo Vercel.
Este projeto trata-se de um front-end React gerado a partir de um boilerplate Next.js contruído em TypeScript.
Para elaborar os estilos utilizei Styled-components. No componente Button utilizei uma das funcionalidades mais legais do Styled-components que é a criação de variáveis que permite criar variações de um mesmo componente.
Para obter melhor performance nos formulários utilizei react-hook-form e o Yup para realizar as validações e retornar o feedback em tela para o usuário, caso ele preencha algum campo de forma inesperada.
O papel mais importante de se concetar com a API e providenciar as requisições fica com o axios.
- React
- Next.js
- Styled Components
- TypeScript
- React hook form
- React icons
- Yup
- Axios
Visite o projeto no Figma para conferir o protótipo.
Após clonar o projeto do repositório Github, navegue até a raiz e execute o seguinte comando no terminal:
Este comando irá instalar todas as dependências necessárias do projeto.
yarnApós a instalação das depências, podemos utilizar alguns comando disponíveis.
Executar o projeto em ambiente local de desenvolvimento.
yarn devPara realizar o build do projeto.
yarn buildEste diretório armazena todo o código desenvolvido ou seja, lógica da aplicação, componentes, páginas, rotas, serviços e etc.
Contém apenas componentes estáticos, poder ser utilizado pelos components/mudules ou até mesmo por /pages.
Contém componentes mais robustos, aqueles que podem conter lógica e/ou receber props.
Armazena as páginas/rotas da apalicação.
Armazena a conexão com a API.
Arquivos de estilos globais e também estilos das páginas são armazenados aqui.