M3-Academy-Public/desafio-html-css
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs: atualiza o reame para o desafio^Ce html css

Browse Source
This commit is contained in:
marlon passos 2023-03-30 07:22:59 -03:00
parent e8e7476c59
commit a5927ae030
1 changed files with 10 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
README.md
View File

@ -1,40 +1,25 @@
# Desafio M3 Academy # 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 # 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 # 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: ## Ferramentas obrigatórias:
- [React](https://pt-br.reactjs.org/) - [html](https://developer.mozilla.org/pt-BR/docs/Web/HTML)
- [TypeScript](https://www.typescriptlang.org/) - [css](https://developer.mozilla.org/pt-BR/docs/Web/CSS)
## Ferramentas opcionais (sugeridas):
- [SAAS](https://sass-lang.com/) - [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 # 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: 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/) - [GitHub Pages]( https://pages.github.com/)
- [Vercel](https://vercel.com/docs) - [Vercel](https://vercel.com/docs)
- [Netlify](https://docs.netlify.com/)
# Testes automatizados # 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. Parte do desafio será corrigido por meio de testes automatizados. É importante que o projeto passe pelos testes para garantir o seu funcionamento correto.