MonicaMarcal / feedbackSuggested

Widget que recolhe e reporta bugs, ideias e comentários dos usuários.

Feedback Suggested

O projeto foi desenvolvido em conjunto com a escola Rocketseat, um widget que recolhe e reporta bugs, ideias e comentários dos usuários.

🚀 Veja a aplicação no ar 🚀

🟣 Tecnologias utilizadas:

frontend:

• ReactJS
• ViteJS
• TypeScript
• Tailwind CSS
• Axios
• Phosphor react

backend:

• NodeJS
• Express
• TypeScript
• Jest
• Nodemailer
• Prisma
• Postgresql
• Mailtrap

mobile:

• React Native
• TypeScript
• Expo
• Bottom sheet
• Axios
• Phosphor React Native
• Gesture handler

🟣 Como rodar

$ Observação: Para testar precisa server e web estarem rodando juntos, assim como server e mobile.

Web

# Instalar dependencias
$ cd web
$ npm install

# Executar o projeto
$ npm run dev

Server

# Instalar dependencias
$ cd server
$ npm install

# Executar o projeto
$ npx prisma migrate deploy
$ npm run dev
$ npx prisma studio

Mobile

# Instalar dependencias
$ cd mobile
$ npm install

# Executar o projeto
$ npx expo start

$ Observação: dentro da pasta mobile/lib, dentro do arquivo api.ts adicione:
`
import axios from "axios";

export const api = axios.create({
  baseURL: 'http://000.000.000.0:3333'
})
`
* Precisa adicionar o seu IP na 'baseURL:http://000.000.000.0:3333' estará disponivel  abaixo do QR code ao executar o projeto *

🟣 Testar a requisição HTTP

# Instale o postman 
(https://www.postman.com/)

# Faça a requisição:
POST: http://localhost:3333/feedbacks
 body:{
    "type": "BUGs",
    "comment": "bugou geral!!!"
 }