Skip to content

🚀 Projeto desenvolvido durante a #NLWHeat #Impulse

Notifications You must be signed in to change notification settings

douglasscaini/nlw-heat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NLW Heat

“Software developers are students forever 🧠”

Sobre   |    Instalação   |    Desafios   |    Tecnologias

💬 Sobre

Stage 1: Nessa aula criamos o backend da aplicação utilizando NodeJS. Nesse projeto utilizamos Typescript, que auxilia no aumento da produtividade em desenvolvimento; utilizamos o Prisma ORM, para trabalhar com banco de dados e Socket.IO para trabalhar comunicação em tempo real.

Stage 2: Nessa aula criamos o front-end web da nossa aplicação utilizando ReactJS. Além disso, criamos nosso projeto utilizando o Vite, uma ferramenta extremamente performática, TypeScript e CSS modules. Construimos toda interface da aplicação do zero com Flexbox e Grid System, além de criar animações utilizando Framer Motion.

Stage 3: Nessa aula criamos o front-end mobile da nossa aplicação utilizando React Native. Além disso, criamos nosso projeto utilizando TypeScript e Expo que proporciona muita produtividade no desenvolvimento. Construimos toda interface da aplicação do zero, e criamos animações utilizando o Moti, AsyncStorage e integração em tempo real com socket.io.

Stage 4: Nessa aula criamos um microserviço em Elixir responsável por gerar a nuvem de tags das mensagens enviadas na aplicação desenvolvida nos dias anteriores. Usamos conceitos de concorrência e paralelismo para a contagem de tags, e um processo que executa todos os dias para a geração dessa nuvem de tags. Utilizamos o Phoenix, Ecto, o módulo Task, a lib Quantum e diversos conceitos do Elixir.

Stage 5: Nessa aula, descobrimos juntos os próximos passos para acelerar a carreira em programação.


Web Mobile

⚠️ Instalação

👉 Back-end

# Instalar as dependências necessárias:
$ yarn

# Configurar as variáveis de ambiente:
$ .env.example to .env

# Rodar as migrations:
$ yarn prisma migrate dev

# O banco de dados pode ser acessado com:
$ yarn prisma studio

# Iniciar o projeto:
$ yarn dev

👉 Front-end

# Instalar as dependências necessárias:
$ yarn

# Configurar as variáveis de ambiente:
$ .env.example to .env.local

# Iniciar o projeto:
$ yarn dev

👉 Mobile

# Instalar as dependências necessárias:
$ yarn

# Configurar as variáveis de ambiente:
$ .env.example to .env

# Logar com sua conta expo:
$ expo login

# Iniciar o projeto:
$ expo start

👉 Elixir

# Configurar Banco de dados:
$ config/config.exs

# Comandos:
$ mix deps.get
$ mix phx.server
$ mix ecto.setup
$ mix ecto.create
$ mix ecto.migrate
$ mix ecto.gen.migration create_messages

🚩 Desafio

Aprimorar o conhecimento em Node, React, React Native e Elixir.

✔️ Tecnologias


by Douglas Scaini ❤️

About

🚀 Projeto desenvolvido durante a #NLWHeat #Impulse

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published