docs: atualiza o reame para o desafio^Ce html css
This commit is contained in:
parent
e8e7476c59
commit
a5927ae030
35
README.md
35
README.md
@ -1,40 +1,25 @@
|
||||
# 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.
|
||||
Este é um desafio proposto pela M3 Academy, que consiste na implementação de uma pagina home de um site institucional 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)
|
||||
[O layout do desafio pode ser acessado através do Figma.](https://www.figma.com/file/GrqxGHqg880j9VECubS7vn/Desafio-Landing-Page?node-id=59-938&t=XmhsZsz2DYicySdH-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:
|
||||
O desafio pode ser desenvolvido:
|
||||
|
||||
## Ferramentas obrigatorias:
|
||||
- [React](https://pt-br.reactjs.org/)
|
||||
- [TypeScript](https://www.typescriptlang.org/)
|
||||
## Ferramentas obrigatórias:
|
||||
- [html](https://developer.mozilla.org/pt-BR/docs/Web/HTML)
|
||||
- [css](https://developer.mozilla.org/pt-BR/docs/Web/CSS)
|
||||
|
||||
## Ferramentas opcionais (sugeridas):
|
||||
- [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)
|
||||
- [Netlify](https://docs.netlify.com/)
|
||||
|
||||
|
||||
# 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.
|
||||
|
Loading…
Reference in New Issue
Block a user