Projeto Trainee de Front-End - Mindemy | Emakers Jr

Repositório para o Projeto trainee de Front-End do Processo Seletivo da Emakers Jr.

Este projeto desenvolvido durante o Processo Trainee da Emakers Jr, com o objetivo de colocar em prática os conhecimentos adquiridos em React, MUI e responsividade.

📋 Sobre o Projeto

A Mindemy é uma plataforma de cursos online. Este repositório contém a implementação do front-end de 4 telas do design disponibilizado, desenvolvidas com React e Material UI.

🖥️ Páginas Implementadas

• Login — formulário de autenticação com validação de e-mail e exibição/ocultação de senha
• Suporte — página de central de ajuda com campo de busca e cards de assuntos
• Sobre Nós — página institucional com carrossel de depoimentos, seção de vídeo e história da empresa
• Curso — página de detalhes de um curso com informações, instrutor e card de compra

⚙️ Funcionalidades

• Formulário de login com validação de e-mail em tempo real
• Botão de login desabilitado enquanto o e-mail for inválido
• Exibir/ocultar senha no campo de senha
• Aviso de página indisponível ao clicar em "Esqueceu a senha?"
• Carrossel automático de depoimentos na página Sobre
• NavBar responsiva com menu sanduíche para dispositivos móveis
• Layout responsivo para desktop, tablet e mobile em todas as telas
• Botão de aumentar/diminuir fonte (A+ / A-) na barra de navegação para melhor acessibilidade

🗂️ Organização do Repositório

src/
├── components/
│ ├── NavBar.jsx
│ └── Footer.jsx
├── pages/
│ ├── Login.jsx
│ ├── Suporte.jsx
│ ├── Sobre.jsx
│ └── Curso.jsx
├── App.jsx
├── main.jsx
└── index.css

🚀 Como Rodar o Projeto

Pré-requisitos: Node.js instalado

# Clone o repositório
git clone https://github.com/thiagovtr/traineeEmakers.git

# Instale as dependências
npm install

# Rode o projeto
npm run dev

Acesse http://localhost:5173 no navegador.

🛠️ Tecnologias Utilizadas

• React
• Vite
• Material UI (MUI)
• React Router DOM
• Swiper.js

👨‍💻 Autor

Desenvolvido por ThiagoVTR durante o Processo Trainee da Emakers Jr.