NLW 12 - Spacetime

Front-end Web

Front-end Mobile

Back-end

Ver projeto

Projeto • Executando • Layout

💻 Projeto

Projeto de uma cápsula do tempo, ou seja, um lugar para guardar memórias. Desenvolvido durante o evento NLW 12 - Spacetime, da Rocketseat, ele conta com funcionalidades como Login com o Github e cadastro de memória com texto e foto.

Caso queira ver o projeto web, clique aqui.

🔧 Executando localmente

Após clonar o repositório, é preciso primeiro iniciar o servidor Node, para isso acesse a pasta backend e:

Instale as dependências

npm install

Insira as variáveis de ambiente

#.env

DATABASE_URL={link para um banco de dados mysql}

# Crie um OAuth app no Github com as seguintes informações:
# Homepage URL: http://localhost:3000/
# Authorization callback URL para Web: http://localhost:3000/api/auth/callback
# Authorization callback URL para Mobile: rode "npm run start" na pasta mobile e veja o link no qual está rodando a aplicação (ex: exp://123.456.7.89: 1234)
GITHUB_CLIENT_ID={Client ID do seu OAuth app}
GITHUB_CLIENT_SECRET={Client Secret do seu OAuth app}

Inicie o servidor de desenvolvimento

npm run dev

Web

Acesse a pasta "frontend" e:

Instale as dependências

npm install

Insira as variáveis de ambiente

#.env

NEXT_PUBLIC_GITHUB_CLIENT_ID={Client ID do seu OAuth app para Web}
NEXT_PUBLIC_IMGBB_API_KEY={Sua API key do site ImgBB}

Inicie o servidor de desenvolvimento

npm run dev

Acesse http://localhost:3000 para visualizar a aplicação.

Mobile

Acesse a pasta "mobile" e:

Instale as dependências

npm install

Insira as variáveis de ambiente

# src / app / index.tsx - linha 21

clientId: {Client ID do seu OAuth app para Mobile}

Inicie o servidor de desenvolvimento

npm run start

Utilize um emulador ou seu celular para visualizar a aplicação.

🔖 Layout

Você pode visualizar o layout do projeto clicando aqui.