An open API service indexing awesome lists of open source software.

https://github.com/da6-dev/treinamentosck

Um site simples para colocar os links de treinamento da CódigoKid
https://github.com/da6-dev/treinamentosck

Last synced: 10 months ago
JSON representation

Um site simples para colocar os links de treinamento da CódigoKid

Awesome Lists containing this project

README

          

# Código Kid - Portal de Treinamento

Bem-vindo ao Portal de Treinamento da Código Kid! Esta é uma aplicação web simples e rápida, construída para centralizar e organizar todos os vídeos de treinamento da equipe, facilitando o acesso e o acompanhamento do progresso.

## ✨ Funcionalidades

* **Interface Limpa e Moderna:** Um design com menu lateral para facilitar a navegação entre as categorias de vídeos.
* **Vídeos Categorizados:** Os links dos treinamentos são organizados por seções: `Sistema CK`, `Comercial` e `Plataforma Evolua`.
* **Acompanhamento de Progresso:** Marque visualmente os vídeos que já foram assistidos.
* **Persistência de Dados:** O status dos vídeos assistidos é salvo diretamente no seu navegador (`localStorage`), para que você nunca perca seu progresso, mesmo que feche a página.
* **Design Responsivo:** A interface se adapta a diferentes tamanhos de tela.

## 🚀 Tecnologias Utilizadas

Este projeto foi construído com um conjunto de ferramentas modernas de desenvolvimento web:

* **[Vite](https://vitejs.dev/):** Um build tool extremamente rápido que oferece uma experiência de desenvolvimento otimizada.
* **[React](https://reactjs.org/):** Uma biblioteca JavaScript para construir interfaces de usuário.
* **[Tailwind CSS](https://tailwindcss.com/):** Um framework CSS utility-first para estilização rápida e customizável.
* **Git & GitHub:** Para versionamento e hospedagem do código.

## ⚙️ Como Executar o Projeto Localmente

Para rodar este projeto no seu próprio computador, siga os passos abaixo.

### Pré-requisitos

* **[Node.js](https://nodejs.org/en/)** (versão 18 ou superior)
* **Git**

### Instalação

1. **Clone o repositório para a sua máquina:**
```bash
git clone [https://github.com/SEU_USUARIO/NOME_DO_REPOSITORIO.git](https://github.com/SEU_USUARIO/NOME_DO_REPOSITORIO.git)
```

2. **Navegue até a pasta do projeto:**
```bash
cd NOME_DO_REPOSITORIO
```

3. **Instale todas as dependências do projeto:**
```bash
npm install
```

4. **Inicie o servidor de desenvolvimento:**
```bash
npm run dev
```

Após executar o último comando, o terminal mostrará um endereço local (geralmente `http://localhost:5173`). Abra este endereço no seu navegador para ver a aplicação funcionando!

---

**Dica:** Depois de criar este arquivo, não se esqueça de enviá-lo para o seu GitHub!
Use os comandos:
```bash
git add README.md
git commit -m "Adiciona README ao projeto"
git push origin main