44 lines
1.9 KiB
Markdown
44 lines
1.9 KiB
Markdown
# Desafio M3 Academy
|
|
Este é um desafio proposto pela M3 Academy, que consiste na implementação de uma pagina web institucional de um e-commerce com base em um layout pré-estabelecido no Figma.
|
|
|
|
# Link do Figma
|
|
[O layout do desafio pode ser acessado através do Figma.](https://www.figma.com/file/wy2rXH3gsH20KgfUpHh4oz/Desafio-Institucional-React.js?node-id=0-1&t=WiAPp3QCmzdgRc49-0)
|
|
|
|
# Dicas de ferramentas
|
|
O desafio pode ser desenvolvido utilizando varias ferramentas, voce pode utilizar o que achar melhor. Abaixo estão algumas dicas de ferramentas que podem ser utilizadas:
|
|
|
|
## Ferramentas obrigatorias:
|
|
- [React](https://pt-br.reactjs.org/)
|
|
- [TypeScript](https://www.typescriptlang.org/)
|
|
- [SAAS](https://sass-lang.com/)
|
|
|
|
## Project builders
|
|
- [Create React App](https://create-react-app.dev/docs/getting-started/)
|
|
- [Vite](https://vitejs.dev/guide/)
|
|
|
|
## Formulários
|
|
- [Formik](https://formik.org/docs/overview)
|
|
- [React Hook Form](https://react-hook-form.com/)
|
|
|
|
## Validação de formulários
|
|
- [Yup](https://github.com/jquense/yup)
|
|
- [React Hook Form](https://react-hook-form.com/)
|
|
|
|
## Gerenciadores de rotas
|
|
- [React Router](https://reactrouter.com/web/guides/quick-start)
|
|
|
|
## Mascara de inputs
|
|
- [React Input Mask](https://www.npmjs.com/package/react-input-mask)
|
|
- [react-imask](https://www.npmjs.com/package/react-imask)
|
|
|
|
# Upload do projeto
|
|
Após a finalização do projeto, o mesmo deverá ser enviado para uma plataforma de hospedagem, como o GitHub Pages ou o Vercel. Abaixo estão os links para a documentação oficial de cada uma das plataformas:
|
|
- [GitHub Pages]( https://pages.github.com/)
|
|
- [Vercel](https://vercel.com/docs)
|
|
|
|
# Testes automatizados
|
|
Parte do desafio será corrigido por meio de testes automatizados. É importante que o projeto passe pelos testes para garantir o seu funcionamento correto.
|
|
|
|
# Critérios de avaliação
|
|
|
|
[veja os requisitos do desafio nesse documento](REQUISITOS.md) |