Projeto: E-acelera

Este projeto é parte integrante do desenvolvimento do projeto e-acelera, uma plataforma edutech projetada para ajudar as alunas da Aceleradora Ágil no nivelamento de conhecimentos e no autoestudo. Neste repositório você aprenderá estilizar componentes do Material UI, para a construção de uma tela Home em colaboração com o React.js em um ambiente Next.js.

Arquitetura MVC

• Model: Responsável por gerenciar os dados, a lógica de negócios e as regras da aplicação.
• View: Responsável pela apresentação dos dados e interação com o usuário.
• Controller: Atua como um intermediário entre o Model e a View, recebendo as entradas do usuário via View, processando os dados através do Model e retornando a resposta adequada para a View.

Estrutura de Diretórios

e-acelera-front/
.next/
node_modules/
├── public/
│ ├── assets/
│ │ ├── js.png
│ │ ├── next.png
│ │ └── react.png
│ └── /...
├── src/
│ ├── app / # Contém as páginas do Next.js
│ │ └── globals.css / # Contém arquivos de estilo
│ │ └─ layout.tsx / # Estilos de fontes...
│ │ └─page.tsx / # Pagina.
│ ├── componentes / # Contém os componentes reutilizáveis (Views)
│ │ └── config
│ │ └─Theme.tsx/ # Contém arquivos de estilo(Reutilizável)
│ └── /...
├── .eslintrc.json
├── .gitignore
├── next-env.d.ts
├── next.config.mjs
├── package-lock.json
├── package.json
├── postcss.config.mjs
├── README.md
├── tailwind.config.ts
└── tsconfig.json

Instalação e Configuração

Siga os passos abaixo para configurar e executar o projeto localmente.

Pré-requisitos Node.js (>= 20.x.x) npm

Passo a Passo

Fork o repositório: Clone o repositório: Copiar código git clone

Instale as dependências:

npm install npm run dev

Acesse no navegador:

Abra seu navegador e acesse http://localhost:3000 para visualizar a aplicação em execução. Descrição do Projeto Este projeto implementa uma tela home básica utilizando Material-UI para estilização dos componentes React dentro de um ambiente Next.js.

Tecnologias Utilizadas

Next.js React Material-UI TypeScript Tailwind CSS

Contribuição

Contribuições são bem-vindas! Sinta-se à vontade para abrir issues e pull requests.