Spacetime

O projeto é uma 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. O projeto tem tanto a versão mobile, back end e front end web.

Front End
ReactJs
NextJs
TypeScript
React Hook Form
Zod
NextAuth
Prisma
Fastify
TailwindCSS

Carregando ...

Spacetime

Sobre

Spacetime é uma aplicação que permite aos usuários criar uma linha do tempo personalizada de momentos memoráveis. Através de uma interface interativa, os usuários podem adicionar textos, fotos e vídeos para documentar acontecimentos marcantes de suas vidas, organizados por mês e ano.

A aplicação oferece uma maneira visualmente atraente e organizada de reviver memórias. A linha do tempo interativa permite que os usuários percorram suas memórias de forma envolvente, tornando o processo de recordação uma experiência única.

Disponível tanto para web quanto para mobile, Spacetime oferece uma experiência completa e acessível para todos os usuários, independentemente do dispositivo que estão usando.

Instalação

Siga estas etapas para instalar e configurar o projeto em seu ambiente local.

Clone o repositório do projeto.

git clone https://github.com/manoguii/spacetime.git

Server

Configuração inicial
  • Crie um arquivo .env.local na raiz do projeto e preencha as variáveis ambiente, o exemplo de como deve ficar esta em .env.example

Acesse a pasta do servidor

Primeiro você precisa acessar a pasta do servidor

cd spacetime/server

Dependências

Instale as dependências do projeto

pnpm install

Migrations

Execute as migrations

pnpm prisma migrate dev

Execute a aplicação

Execute a aplicação em modo de desenvolvimento

pnpm dev

O projeto estará disponível em seu navegador em http://localhost:3333.

Web

Configuração inicial
  • Crie um arquivo .env.local na raiz do projeto e preencha as variáveis ambiente, o exemplo de como deve ficar esta em .env.example

Projeto web

Navegue até a pasta do projeto web

cd spacetime/server

Dependências

Instale as dependências do projeto

pnpm install

Execute a aplicação

Execute a aplicação em modo de desenvolvimento

pnpm dev

O projeto estará disponível em seu navegador em http://localhost:3000.

Mobile

Configuração inicial
  • Crie um arquivo .env.local na raiz do projeto e preencha as variáveis ambiente, o exemplo de como deve ficar esta em .env.example

Projeto mobile

Navegue até a pasta do projeto mobile

cd spacetime/mobile

Dependências

Instale as dependências do projeto

npm install

Execute a aplicação

Execute a aplicação em modo de desenvolvimento

npx exec expo start

Expo

Caso queira visualizar o app no seu dispositivo baixo o app expo e leia o QR code que aparece no terminal.

Tecnologias