NLW Spacetime - 12° edição

Sobre o Projeto   |   Deploy   |   Tecnologias   |   Layout   |   Configurações   |   Licença

Sobre o Projeto

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

<nlw/> Spacetime é um projeto desenvolvido durante o Next Level Week, evento online produzido pela Rocketseat.

Deploy

Indisponível.

Tecnologias

/template	HTML - CSS - Javascript
back-end(/server)	Node.JS - Typescript - httpie - Fastify - Axios - Prisma - SQLite
front-end(/web)	React - TypeScript - NextJS - TailwindCSS - Axios
/mobile	React Native - TypeScript - Expo - NativeWind

Layout

• Trilha IGNITE

• Trilha DISCOVER

É necessário ter conta no Figma para acessar os layouts.

Configurações

Requisitos

Necessário realizar as instalações:

• Git
• npm
• Node
• Expo
• Expo Go

Criar conta e configurar os serviços externos:

• GitHub
• Expo

Clonar repositório

# Execute o comando git clone para realizar o clone do repositório
$ git clone https://github.com/mgkclaed/nlw12-spacetime.git
# ou execute (necessário instalar Github CLI - https://cli.github.com/)
$ gh repo clone mgckaled/nlw12-spacetime
# Entre na pasta do repositório clonado
$ cd nlw12-spacetime

Comandos importantes

/server

# instalar dependências
$ npm i
# iniciar servidor
$ npm run dev
# setup prisma com flag SQLite - schema prisma file / .env
$ npx prisma init --datasource-provider SQLite
# migration - mecanismo de versionamento de banco de dados (arquivos de instruções)
$ npx prisma migrate dev
# reset(caso necessário) - excluir registros do banco de dados
$ npx prisma migrate reset
# visualisar banco de dados - Prisma Studio
$ npx prisma studio
# Gerar ERD - Diagrama de Banco de Dados
$ npx prisma generate
# Gerar seed (exemplo) para Banco de Dados. Observar configurações do prisma no package.json
$ npx prisma db seed

/web

# instalar dependências
$ npm i
# iniciar servidor
$ npm run dev

/mobile

## instalar dependências
$ npm i
# inicializar expo (ambiente de desenvolvimento)
$ npx expo start

# após criar uma conta no Expo, faça login pelo terminal:
$ npx expo login
# ao confirmar seu nome e senha, o terminal deverá mostrar o nome do usuário:
$ npx expo whoami

Licença

Esse projeto está registrado sob a licença MIT.

---

Feito com ❤️ by Marcel Kaled