/nlw-return

💬 Widget construído na NLW Returns com acessibilidade e usando as melhores tecnologias do mercado

Primary LanguageTypeScriptMIT LicenseMIT

Logo Next Level Week Return

GitHub top language GitHub language count GitHub

image

🏃‍♂️Jornada

Next Level Week Heat é a 8º edição desse evento oferecido pela Rocketseat para a comunidade. Nessa edição, na trilha Impulse, foi desenvolvida um widget completo e acessível que pode ser utilizado em múltiplos projetos para coletar feedbacks dos usuários.

O backend da aplicação foi construído com NodeJS usando as melhores práticas de testes e com uma ferramenta incrível para lidar com o banco de dados que é o Prisma. Já no frontend foi utilizado ReactJS e como construtor utilizamos a ferramenta Vite que lidou com toda parte burocrática e nos possibilitou avançar de uma forma surpreendente. No frontend ainda utilizamos TailwindCSS que é uma mão na roda na hora de estilizar e deixar nosso app com uma cara elegante de forma rápida e fácil.

A parte Mobile foi a melhor, construído com React Native e Expo, a aplicação possibilitou, consumindo o backend, fornecermos o feedback por meio do celular com uma performance incrível e utilizando boas práticas de formatação, layouts, variáveis de cores e fontes.

As aulas da trilha impulse foram ministradas por Diego Fernandes e Rodrigo. 🚀

🧪 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

🔖 Layout

Você pode visualizar o layout do projeto através do link abaixo:

⚙️ Como executar

Para fazer o projeto rodar em sua máquina se assegure de ter o postgressql e ter adicionado o mesmo no arquivo .env da aplicação backend na pasta server. Além disso não esqueça de adicionar a pasta web e mobile o endereço do seu backend nas API's.

Sem mais delongas, para iniciá-lo, siga os passos abaixo:

# PARA O BACKEND
$ cd server
$ npm install
$ npm run dev
# PARA O FRONTEND
$ cd web
$ npm install
$ npm run dev
# PARA O MOBILE
$ cd mobile
$ npm install
$ npm run start

# Após isso escaneie o código QR no seu aplicativo Expo

☕ Contatos

você vai me encontrar em qualquer uma das redes sociais abaixo:

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

Feito com 💜 por Leandro Azanniel