# 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