Arduino Proto Academy React App é uma aplicação web desenvolvida para ser um produto educacional que pode ser utilizado em disciplinas relacionadas à robótica, prototipação e cultura maker. Este projeto visa enriquecer o processo de aprendizagem em sala de aula, oferecendo aos alunos uma plataforma interativa e dinâmica.
- Material Educacional: Conteúdo estruturado com vídeos do YouTube para facilitar o aprendizado teórico.
- Quiz Interativo: Teste seus conhecimentos com quizzes dinâmicos desenvolvidos com SurveyJS.
- Interface Moderna: Desenvolvido com React, TypeScript e Vite para alta performance e escalabilidade.
- Design Responsivo: Interface construída com o framework Flowbite, garantindo uma experiência fluida em diferentes dispositivos.
- TypeScript: Tipagem estática para maior confiabilidade no código.
- Vite: Build tool para desenvolvimento rápido.
- React: Biblioteca para construção de interfaces.
- Tailwind: Uma estrutura CSS para criar rapidamente interfaces de usuário personalizadas.
- Flowbite: Componentes estilizados baseados em Tailwind CSS.
- SurveyJS: Ferramenta para criação de quizzes interativos.
- YouTube Integration: Exibição de vídeos educacionais diretamente na plataforma.
- Node.js (versão 20 ou superior)
- Gerenciador de pacotes:
npmouyarn
-
Clone o repositório:
git clone https://github.com/diegoarmandoo/arduino-proto-academy-react-app.git cd arduino-proto-academy-react-app -
Instale as dependências:
npm install # ou yarn install -
Inicie o servidor de desenvolvimento:
npm run dev # ou yarn dev -
Acesse a aplicação no navegador: http://localhost:5173
arduino-proto-academy-react-app/
├── public/ # Arquivos públicos
├── src/
| ├── assets/ # Recursos estáticos
│ ├── components/ # Componentes reutilizáveis
│ ├── pages/ # Páginas principais do app
│ ├── utils/ # Funções auxiliares ou utilitária
│ └── main.tsx # Ponto de entrada do React
├── package.json # Dependências e scripts
├── vite.config.ts # Configuração do Vite
└── README.md # Documentação do projeto