Nlw Spacetime

PabloXT14
1

Neste projeto, desenvolvemos uma aplicação full-stack, do back-end ao mobile, que atua como uma cápsula do tempo, registrando memórias passadas em uma timeline. Utilizamos tecnologias como React, Tailwind, Node, Fastify, TypeScript, Expo, Next.js e muito mais!

#expo #fastify #nextjs #node #react #tailwindcss #typescript

Download

GitHub language count Repository size

🚀 NLW Spacetime Concluído 🚀

💻 About

O projeto foi desenvolvido durante a NLW - Next Level Week oferecida pela Rocketseat. O NLW é uma experiência online com muito conteúdo prático, desafios e hacks onde o conteúdo fica disponível durante uma semana.

🎨 Layout

Você pode visualizar o layout do projeto através desse link. É necessário ter conta no Figma para acessá-lo.

Web

No memories

Memories

Create

Create (Filled)

Mobile

Splash

Layout Mobile Demonstration 1

Home (Pre Login)

Layout Mobile Demonstration 2

Memories

Layout Mobile Demonstration 3

Create

Layout Mobile Demonstration 4

🚀 How it works

Este projeto é divido em três partes:

Backend (pasta server)
Frontend (pasta web)
Mobile (pasta mobile)

💡Tanto o Frontend quanto o Mobile precisam que o Backend esteja sendo executado para funcionar.

Pré-requisitos

Antes de baixar o projeto você vai precisar ter instalado na sua máquina as seguintes ferramentas:

Além disto é bom ter um editor para trabalhar com o código como VSCode

🎲 Rodando o Backend (servidor)

# Clone este repositório
$ git clone [email protected]:pabloxt14/NLW-Spacetime.git

# Acesse a pasta do projeto no terminal/cmd
$ cd NLW-Spacetime

# Vá para a pasta server
$ cd server

# Instale as dependências
$ npm install

# Configurar variáveis de ambiente

# Execute a aplicação em modo de desenvolvimento
$ npm run dev

# O servidor inciará na porta:3333 - acesse http://localhost:3333

🧭 Rodando a aplicação web (Frontend)

# Vá para a pasta da aplicação Front End
$ cd web

# Instale as dependências
$ npm install

# Configurar variáveis de ambiente

# Execute a aplicação em modo de desenvolvimento
$ npm run dev

# A aplicação será aberta na porta:3000 - acesse http://localhost:3000

📱 Rodando a aplicação mobile (Mobile)

# Vá para a pasta da aplicação mobile
$ cd mobile

# Instale as dependências
$ npm install

# Execute a aplicação em modo de desenvolvimento
$ npx expo start