🚀
O projeto Quero Ser Dev virou uma plataforma
Projeto
Plataforma que disponibiliza aulas de reactjs para iniciantes
⚠️ Em 2021, eu havia gravado algumas aulas de ReactJS e decidi disponibilizar para a comunidade de forma gratuita através de uma plataforma onde é possível dar o play nas aulas e assistir aos vídeos. A ideia surgiu, em julho de 2022, ao fazer o projeto do evento IgniteLab da Rocketseat.
Ela já está no ar e você pode acessar aqui: quero ser dev
🧠
Contexto
O objetivo era criar um sistema onde fosse possível disponibilizar tutoriais exclusivos e não listados do canal quero ser dev, para que as pessoas pudessem assistir dentro da própria plataforma e de forma GRATUITA.
Com isso seria possível colaborar para que mais pessoas dessem os primeiros passos na tecnologia. Eu iniciei com tutoriais de ReactJS, pois já eram aulas que eu tinha gravado em novembro de 2021.
A plataforma está no ar com 5 aulas atualmente e vou subir mais em breve. Espero que vocês curtam! Me enviem feedbacks. :)
Tecnologias usadas
Ferramenta | Descrição |
---|---|
ReactJS |
framework web |
Vite |
gerador de projeto de front-end |
npm |
gerenciador de pacotes |
GraphQL |
Ferramenta para fazer consultas e gravações de dados, usada como uma alternativa à arquitetura REST |
Typescript |
Superset de Javascript para tipar os dados |
Tailwind |
Ferramenta para ter mais produtividade ao estilizar a aplicação |
Apollo |
Dependência para facilitar a integração com o GraphQL |
Phosphor |
Dependência com icones super legais |
Vime |
Dependência para disponibilizar o player de vídeo |
Date-fns |
Dependência para lidar com as datas dos cronogramas de aula |
GraphCMS |
CMS para guardar e disponibilizar os conteúdos por meio de consultas e mutações GraphQL |
GraphQL Codegen |
Dependência para gerar hooks e tipos de dados das variaveis das mutations e queries |
Vercel |
Hospedagem para a aplicação, fiz o deploy integrado com o github |
Github |
Hospedagem do código fonte integrado com gerenciador de versionamento |
|
Como rodar o projeto localmente
Siga os passos e inclua as informações abaixo:
Passo | Comando/informação |
---|---|
Faça o fork | botão de forkar |
Faça o clone | git clone |
Instale as dependências após acessar a pasta projeto | npm i |
Crie as variaveis de ambiente para integrar com CMS | VITE_API_ACCESS_TOKEN e VITE_API_URL |
Rode o projeto | npm run dev |
|
😎
Próximos passos mapeados
- Subir mais aulas no CMS
- Incluir Testes
- Revisar acessibilidade
- Revisar responsividade
- Criar autenticação da rota de evento
- login social com github e gmail
- botão de curtir aula
- botao voltar na pagina evento
- Header e menu
- Sessão pra informações, ferramentas e links
Foi incrível compartilhar essa jornada com você! Qualquer dúvida ou sugestão, chama no contatinho!
Prazer, Simara Conceição!
✓ Desenvolvedora na Thoughtworks
✓ Instrutora de programação para iniciantes em instituições que visam reduzir o gap de gênero e de raça na tecnologia: reprograma, PretaLab e Movimento Black Money.
✓ Criadora do Quero Ser Dev projeto que inspira e ajuda mulheres diversas na migração de carreira pra área de tecnologia.
Vamos nos conectar?
Feito com