desafio-html-css/README.md

44 lines
1.9 KiB
Markdown
Raw Normal View History

2023-03-29 17:36:40 +00:00
# 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.
2021-12-22 11:16:25 +00:00
2023-03-29 17:36:40 +00:00
# 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)
2021-12-22 11:16:25 +00:00
2023-03-29 17:36:40 +00:00
# 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:
2021-12-22 11:16:25 +00:00
2023-03-29 17:36:40 +00:00
## Ferramentas obrigatorias:
- [React](https://pt-br.reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [SAAS](https://sass-lang.com/)
2021-12-22 11:16:25 +00:00
2023-03-29 17:36:40 +00:00
## Project builders
- [Create React App](https://create-react-app.dev/docs/getting-started/)
- [Vite](https://vitejs.dev/guide/)
2021-12-22 11:16:25 +00:00
2023-03-29 17:36:40 +00:00
## Formulários
- [Formik](https://formik.org/docs/overview)
- [React Hook Form](https://react-hook-form.com/)
2021-12-22 11:16:25 +00:00
2023-03-29 17:36:40 +00:00
## Validação de formulários
- [Yup](https://github.com/jquense/yup)
- [React Hook Form](https://react-hook-form.com/)
2021-12-22 11:16:25 +00:00
2023-03-29 17:36:40 +00:00
## Gerenciadores de rotas
- [React Router](https://reactrouter.com/web/guides/quick-start)
2021-12-22 11:16:25 +00:00
2023-03-29 17:36:40 +00:00
## Mascara de inputs
- [React Input Mask](https://www.npmjs.com/package/react-input-mask)
- [react-imask](https://www.npmjs.com/package/react-imask)
2021-12-22 11:16:25 +00:00
2023-03-29 17:36:40 +00:00
# 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)
2021-12-22 11:16:25 +00:00
2023-03-29 17:36:40 +00:00
# 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.
2021-12-22 11:16:25 +00:00
2023-03-29 18:53:05 +00:00
# Critérios de avaliação
[veja os requisitos do desafio nesse documento](REQUISITOS.md)