Skip to content

⏳ Aplicação de recordação de memórias por meio de fotos e vídeos, desenvolvida durante evento NLW Spacetime da Rocketseat

License

Notifications You must be signed in to change notification settings

IgorAugust0/time-capsule

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

87 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Markdownify
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

GitHub language count Repository size GitHub last commit License

cover

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
Typescript Badge React Native Badge Node.js Badge
Next.js Badge Safe Area Context Badge Typescript Badge
Tailwind CSS Badge React Native Screens Badge Prisma Badge
Autoprefixer Badge React Native SVG Badge Supabase Badge
PostCSS Badge Typescript Badge Zod Badge
Lucide React Badge Expo Badge Fastify Badge
Axios Badge Expo Image Picker Badge Dotenv Badge
ESLint Badge Expo Auth Session Badge ESLint Badge
js-cookie Badge Expo Constants Badge Fastify CORS Badge
jwt-decode Badge Expo Crypto Badge Fastify JWT Badge

🎨 Layout

🌐 Layout Desktop

web

📱 Layout Mobile

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

Avatar do autor
Igor Augusto

@igoraugusto 💻
Logo da Rocketseat
Rocketseat

@rocketseat 🚀

📝 Licença

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