Project • Layout • Getting started • Technologies • Extra mile

🚀 Project

Feedget is a widget to be implemented on any application. It allows users to send a screenshot and a comment based on three types of feedbacks: "Bug", "Idea" and "Other".

Project originally created from Rocketseat and made by Anderson Rodolfo.

🔖 Layout

Project layout: Feedback Widget (you need to have a Figma account to access it).

📖 Getting started

# Clone this repository
$ git clone https://github.com/andersonrodolfo/feedget.git

# Access the project directory
$ cd feedget

Starting server version:

# Access the "server" directory
$ cd server

# Install dependencies
$ yarn

# Change prisma provider on "./prisma/schema.prisma" from "postgresql" to "sqlite"
# Run prisma migration
$ yarn prisma migrate dev

# Initialize the server
$ yarn dev

Starting web version:

# Access the "web" directory
$ cd web

# Install dependencies
$ yarn

# Initialize the application
$ yarn dev

Starting mobile version:

# Access the "mobile" directory
$ cd mobile

# Install dependencies
$ yarn

# Initialize the application
$ expo start

Technologies

🌐 Web

• React
• Typescript
• Tailwindcss
• Vite
• Headless UI
• Phosphor Icons
• html2canvas
• Axios

📱 Mobile

• React Native
• Typescript
• Expo
• Phosphor Icons
• SplashScreen
• Bottom Sheet
• React Native View Shot
• Axios

🖥️ Backend

• Express
• NodeJs
• Typescript
• Prisma
• Nodemailer
• Jest

Extra mile

🌐 Web

• Add eslint, commitlint, husky and prettier
• Fake homepage
• Responsive menu
• Dark/Light theme toggle
• Toast

🖥️ Server

• Error handling
• Email html changes