README.md

NLW Spacetime - Cápsula do Tempo

Cápsula do Tempo é uma aplicação full-stack, do back-end ao mobile, que funciona como uma cápsula do tempo guardando memórias passadas numa timeline, utilizando React, Tailwind, Node, Fastify, TypeScript, Expo, Next.js e muito mais.

ℹ️ Como Executar?   |    🚀 Tecnologias   |    🎨 Layout   |    💻 Autores   |    📝 Licença

NLW Spacetime é uma aplicação de recordação de memórias, onde o nosso usuário poderá adicionar à uma timeline textos, fotos e vídeos de acontecimentos marcantes da sua vida, organizados por mês e ano.

ℹ️ Como Executar?

Clonar o Repositório

git clone https://github.com/IgorAugust0/nlw-spacetime

🖥️ Server

# Acesse a pasta do servidor
cd server

# Instale as dependências
npm install

# Configure as variáveis de ambiente
cp .env.example .env

# Preencha as variáveis no arquivo .env, deve-se criar dois 
# conjuntos de variáveis, um para o web e outro para o mobile
# GITHUB_CLIENT_ID=""
# GITHUB_CLIENT_SECRET=""

# Execute o Prisma para criar as tabelas
npx prisma migrate dev

# Inicie o servidor
npm dev

🌐 Web

# Com o servidor iniciado, acesse a pasta do projeto Web
cd ../web

# Instale as dependências
npm install

# Configure a variável de ambiente
cp .env.example .env.local

# Preencha a variável no arquivo .env
# NEXT_PUBLIC_GITHUB_CLIENT_ID=

# Inicie o projeto Web
npm dev

📱 Mobile

# Com o servidor iniciado, acesse a pasta do projeto Mobile
cd ../mobile

# Instale as dependências
npm install

# Inicie o projeto Mobile (ios está disponível apenas em máquinas com MacOS,
# porém é possível escanear o QR Code com um dispositivo físico iOS)
npx expo start

# Acesse o aplicativo Expo no seu celular e escaneie o QR Code

➡️ Acesse http://localhost:3000 para acessar a aplicação web.

🚀 Tecnologias

Front-End Web	Mobile	Back-End

🎨 Layout

🌐 Layout Desktop

📱 Layout Mobile

🛠️ To-Do

• Edição de memória (página de detalhe da memória)
• Link para compartilhar memória
• Selecionar data da memória (com DateTimePicker)
• Layout responsivo

💻 Autores

Igor Augusto @igoraugusto 💻

Rocketseat @rocketseat 🚀

📝 Licença

Este projeto está licenciado sob a licença MIT - veja o arquivo de licença para mais detalhes.