- Tela login
- Tela home parte de cima
- Tela home parte de baixo
A aplicação Event Platform desenvolvida durante a semana do evento Ignite Lab 02 realizado pela Rocketseat. Projeto falta ser finalizado a parte Mobile que ainda estou finalizando. Esse projeto será uma plataforma web de eventos feita com:
-
Reactjs - React faz com que a criação de UIs interativas seja uma tarefa fácil. Crie views simples para cada estado na sua aplicação, e o React irá atualizar e renderizar de forma eficiente apenas os componentes necessários na medida em que os dados mudam. Saber mais
-
Vite - é uma ferramenta de construção que visa fornecer uma experiência de desenvolvimento mais rápida e enxuta para projetos web modernos. É composto por duas partes principais: 1 - Um servidor de desenvolvimento que fornece aprimoramentos de recursos avançados em módulos ES nativos , por exemplo, Hot Module Replacement (HMR) extremamente rápido . 2 - Um comando de compilação que agrupa seu código com Rollup , pré-configurado para gerar ativos estáticos altamente otimizados para produção. Saber mais
-
Graphql - GraphQL é uma linguagem de consulta para APIs e um tempo de execução para atender a essas consultas com seus dados existentes. O GraphQL fornece uma descrição completa e compreensível dos dados em sua API, oferece aos clientes o poder de solicitar exatamente o que eles precisam e nada mais, facilita a evolução de APIs ao longo do tempo e permite ferramentas de desenvolvedor poderosas. Saber mais
-
Apollo - O Apollo rastreia seus esquemas GraphQL em um registro para criar uma fonte central de verdade para tudo em seu supergrafo. Saber mais
-
GraphCMS - O GraphCMS oferece APIs de conteúdo GraphQL instantâneas para criar, enriquecer, unificar e entregar seu conteúdo entre plataformas. Saber mais
-
CodeGen - Gerador de código do seu esquema GraphQL. Consegue gerar código de seu esquema e operações do GraphQL com uma CLI simples Saber mais
-
Tailwind - Uma estrutura CSS de utilidade em primeiro lugar com classes como , , e que podem ser compostas para construir qualquer design, diretamente em sua marcação. Saber mais
-
Phosphor React - Phosphor é uma família de ícones flexível para interfaces, diagramas, apresentações Saber mais
-
React Router Dom - O React Router v6 leva os melhores recursos das versões anteriores - e seu projeto irmão, Reach Router - em nosso menor e mais poderoso pacote até agora. Saber mais
-
TyperScript - O TypeScript adiciona sintaxe adicional ao JavaScript para oferecer suporte a uma integração mais estreita com seu editor . Detecte erros no início do seu editor. Saber mais
# Clone o repositório
git clone [email protected]:arcorreiaa/login-video-platform.git
# Acesse a pasta do projeto
cd login-video-platform
# Instale as dependências
npm install or yarn
# Pegar as chaves da api e token no GraphCMS
Clonar o projeto pelo GraphCMS (Precisa criar uma conta) - https://app.graphcms.com/ea7c5fc11fa84d059673720d22b4faf5/master
# Pegar api
Depois de criar sua conta e clonar o projeto vá para Settings/API Access/Endpoints,
o endpoint que voce vai precisar estár em CONTENT API (url finalizada com /master)
# Toker de autenticação
Para pegar o token de atutenticação, vá para Settings/API Access/Permanent Auth Tokens,
se voce clonou meu projeto, provavelmente já está com um criado, porém voce pode apagar e criar um novo.
# Criando e adicionando a api e token em variavéis de ambiente
Ao ter em mãos o endpoint da api e o token de atutenticação,
crie na raiz do projeto um arquivo .evn.local com o seguinte conteúdo:
VITE_API_URL="seu_endpoint_aqui"
VITE_API_ACCESS_TOKEN="seu_token_aqui"
# Adicionar o .env.local no .gitignore
Adicione dentro do .gitignore o .env.local
# Execute a aplicação
npm run dev or yarn start
# O servidor inciará na porta 3000 e o link para acesso é http://localhost:3000
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.