https://github.com/pedrohvfernandes/maratona-ignite-lab
Projeto feito através da @Rocketseat, junto com o instrutor @diego3g
https://github.com/pedrohvfernandes/maratona-ignite-lab
apollo date-fns graphcms graphql graphql-code-generator graphql-codegen headless-cms ignite-rocketseat nodejs phosphoricons react react-router-dom rocketseat talwindcss typescript vime vite
Last synced: 8 months ago
JSON representation
Projeto feito através da @Rocketseat, junto com o instrutor @diego3g
- Host: GitHub
- URL: https://github.com/pedrohvfernandes/maratona-ignite-lab
- Owner: PedrohvFernandes
- Created: 2022-06-25T18:30:52.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-06-29T15:39:03.000Z (over 3 years ago)
- Last Synced: 2025-01-21T02:08:53.401Z (10 months ago)
- Topics: apollo, date-fns, graphcms, graphql, graphql-code-generator, graphql-codegen, headless-cms, ignite-rocketseat, nodejs, phosphoricons, react, react-router-dom, rocketseat, talwindcss, typescript, vime, vite
- Language: TypeScript
- Homepage: maratona-ignite-lab.vercel.app
- Size: 3.98 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Maratona Ignite Lab 
## Sobre o projeto:
#### Nesse projeto foi realizado uma event platform, a onde o aluno cadastrado na plataforma conseguira assistir as aulas da Rocketseat, a data de quando a aula foi lançada, quando que a proxima vai ser lançada etc tudo que o aluno precisa em uma plataforma de eventos
## 🔖 Layout, prototipo e demonstração de como sera feito a aplicação
- Prototipo: https://www.figma.com/file/M1hb6wN2Dsgx5BMzRxivCh/Plataforma-de-evento---Ignite-Lab-(Community)?node-id=40%3A129
- Demonstração Web: https://www.figma.com/proto/M1hb6wN2Dsgx5BMzRxivCh/Plataforma-de-evento---Ignite-Lab-(Community)?page-id=0%3A1&node-id=8%3A399&viewport=-1061%2C780%2C0.46&scaling=min-zoom
## 🌐 Demonstração do app na web:
## Deploy
- [Maratona Ignite Lab na vercel](https://maratona-ignite-lab.vercel.app)
## ✨Tecnologias:
### Principais Stacks:
- React
- Vite
- NodeJs
- Graphql
- GraphCMS - HeadlessCMS(interface para req de api usando Graphql)
- Graphql-code-generator
- Apollo(req de api's que utilizam Graphql)
- react-router-dom
### Secundarias Stacks:
- Typescript
- Tailwind CSS
- Phosphor icon
- date-fns
- Vime
- classnames
## 🛠️ Features:
- Assistir aulas de forma organizada
- So pode assistir as aulas de acordo com a data prevista na interface.
## 🛠️ Próximas atualizações:
- Deixar o Layout responsivo; ✔️
- Colocar algo no /event quando o usuário não clicar em nem uma aula; ✔️
- Tela de loading(spinner) quando clicar em uma aula e no botão de se cadastrar; ✔️
- Footer; ✔️
- Não deixar o usuário acessar a aula que esta ainda pra ser disponibilizada na plataforma; ✔️
- OAUTH com o github, para acessar a proxima pagina do evento, se não logar e autorizar com o github, não pode passar pra proxima pagina /event.
## Executando o projeto local:
### event-platform
- 1- Criar uma conta no GraphCMS e clona esse projeto: https://app.graphcms.com/clone/f411e65e5587442cb48a90a21447a535?name=Ignite%20Lab%2002 OU https://rseat.in/lab-graphcms
- 2- No GraphCM: Em settings -> API Access: copy Content API
- 3- No projeto: Em libe -> apollo.ts: cola sua URL api
- 4- Crie algo em content nas entidades, de preferencia em Professor primeiro e depois em Aula fazendo com que a entidade professor criada anteriormente vire uma FK com a entidade da aula criada agora
- 5- Quando criar o professor em avatar url use de preferencia: https://github.com/SEUNOMENOGITHUB.png
- 6- Quando for criar a aula, o slug cria automaticamente igual o nome da entidade passado por você e o id, passe o que voce quiser, de preferencia o que vem depois do ?v= no youtube ex: SO4-izct7Mc
npm i
npm run dev / yarn dev
## 👨💻 Autor:
- Linkedin: https://www.linkedin.com/in/pedro-henrique-vieira-fernandes
- Git: https://github.com/PedrohvFernandes
- Instagram: pedro17fernandes
- portfolio: PedrohvFernandes.github.io