Demo

Ignite lab - v2

Status

Lab 02 🚀 FINISHED 🚀

---

Sobre   |   Telas   |   Funcionalidades   |   Tecnologias   |   Requisitos   |   Iniciando   |   Schemas   |   Licença   |   Autor

😸 Sobre

Projeto desenvolvido durante as aulas do Ignite lab 02 patrocinado pela Rocketseat. Neste evento vimos como usar tecnologias atuais e poderosas na construção de sistemas simples ou avançados.

Telas da aplicação

Web

Mobile

🛹 Funcionalidades

✔️ Listar itens cadastrados no graphcms
✔️ Executar vídeos cadastrados no graphcms
✔️ Aplicação responsiva

🚀 Tecnologias

Abaixo poderá ter acesso às principais tecnologias usadas neste projeto

• React
• TypeScript
• Vite
• Graphcms
• Apollo Client
• GraphQL
• Vime
• Tailwind
• Phosphor Icons
• Graphql Generate Code

✅ Requisitos para rodar a aplicação

Antes de iniciar 🏁, você precisa ter Git e Node instalado em seu sistema operacional.

🏁 Iniciando

# Clone este projeto
$ git clone https://github.com/juniorvilas/Ignitelab.git

# Acesse
$ cd Ignitelab

# Instale as dependências
$ npm i

# Execute o projeto
$ npm run dev

# O projeto será inicializado em <http://localhost:3000>

📡 Configurações adicionais ao projeto

Para executar o projeto você precisa configurar também o graphcms e adicionar os itens para que consiga adicionar e ler itens na aplicação.

O link abaixo, tem o schema que você pode clonar e usar como base para entender o projeto:

• https://app.graphcms.com/clone/95c308ff849e40229ecce728ac6c0de4?name=New

No esquema você pode adicionar os itens para listá-los

• Challenge
• Lesson
• Subscriber
• Teacher

📝 Licença

Este projeto está sob licença MIT. Para mais informações acesse LICENSE.

Feito com ❤️ por Carlindo Junior

 

Voltar ao topo