kevincubas / feedget-react.ts

Feedback Widget

Frontend | Backend | Run the project | Helpful links

The project is currently being implemented

💻 Project

Project developed during Rocketseat's NLW event.
ReactTS SPA (Single Page Application) to collect/get feedback from the user. The project dynamically display the interface, use hooks to keep state, it is a fullstack application.
Some SOLID principles applied: Single responsibility; Open/Closed Principle; Liskov Substitution; dependency inversion.

Frontend technologies & tools

• Vite Docs;
• React Docs;
• Typescript Docs;
• TailWindCSS using PostCSS Docs (CSS framework);
• HeadlessUI Docs (UI components);
• Axios Docs (promise based HTTP client for the browser and node.js);
• html2canvas Docs (to take "screenshots" of webpages or parts of it, directly on the users browser);
• Phospor icons Docs.

Backend technologies & tools

• NodeJS Docs, with Typescript syntax;
• Express Docs, with Typescript syntax;
• Prisma Docs, Node.js and TypeScript ORM;
• cors Docs. CORS is a node.js package for providing a Connect/Express middleware that can be used to enable CORS with various options.;
• Nodemailer Docsis a module for Node.js applications to send emails from Node.js;
• Jest Docs it's a testing Framework | To make your Jest tests run faster @swc/jest

🏃‍♂️ Running the project

Clone the repository

Use yarn or npm install to install project dependencies.

Run a Prisma simple tabular interface to explore and manipulate your data:

npx prisma studio

Helpfull links

Insomnia A GUI to make an HTTP request and test your routes.
mailtrap Email Sandbox Service
Figma layout you have to sign in.