https://github.com/stealthworm/nlw-return-inpulse
Widget construído na NLW Returns com acessibilidade e usando as melhores tecnologias do mercado
https://github.com/stealthworm/nlw-return-inpulse
expo jest nodejs prisma react-native reactjs tailwindcss typescript vite
Last synced: 3 months ago
JSON representation
Widget construído na NLW Returns com acessibilidade e usando as melhores tecnologias do mercado
- Host: GitHub
- URL: https://github.com/stealthworm/nlw-return-inpulse
- Owner: StealthWorm
- Created: 2022-05-09T00:29:41.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-04-03T17:31:01.000Z (over 2 years ago)
- Last Synced: 2025-02-22T01:18:10.295Z (over 1 year ago)
- Topics: expo, jest, nodejs, prisma, react-native, reactjs, tailwindcss, typescript, vite
- Language: TypeScript
- Homepage: https://nlw-return-inpulse-iota.vercel.app/
- Size: 1.4 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 🏃♂️Jornada
Next Level Week Heat é a 8º edição desse evento oferecido pela [Rocketseat](https://rocketseat.com.br) 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, algo recorrente nos desafios da NLW, 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 é facilitador na hora de estilizar e deixar nosso app com uma cara elegante de forma rápida e fácil, sendo sua sintaxe muito semlhante à utilziada no Bootstrap.
Já para a parte mobile, esta foi construída 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](https://github.com/diego3g) e [Rodrigo](https://github.com/rodrigorgtic). 🚀
## 🧑💻🧑💻 Tecnologias
Esse projeto foi desenvolvido com as seguintes tecnologias:
- [React](https://reactjs.org)
- [Tailwindcss](https://tailwindcss.com)
- [Vite](https://vitejs.dev)
- [TypeScript](https://www.typescriptlang.org)
- [Express](https://expressjs.com/pt-br)
- [Prisma](https://www.prisma.io)
- [Jest](https://jestjs.io)
- [React Native](https://reactnative.dev/)
- [Expo](https://expo.dev/)
## 🔖 Layout
Você pode visualizar o layout do projeto através do link abaixo:
- [Layout Web](https://www.figma.com/community/file/1102912516166573468/Feedback-Widget)
## ⚙️ 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.
Para iniciá-lo, siga os passos abaixo:
```sh
# PARA O BACKEND
$ cd server
$ npm install
$ npm run dev
```
```sh
# PARA O FRONTEND
$ cd web
$ npm install
$ npm run dev
```
```sh
# 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](LICENSE.md) para mais detalhes.
Feito com 💜 por Thierry Pitela Santos