Skip to content

Latest commit

 

History

History
63 lines (42 loc) · 2.58 KB

README.md

File metadata and controls

63 lines (42 loc) · 2.58 KB

Feedback Widget logo

License NLW 08

cover

✨ Technologies

🌐 WEB

  • React.Js - JavaScript library for building UI.
  • TypeScript - TypeScript is a strongly typed programming language that builds on JavaScript.
  • Vite - Frontend Tooling with optimized build.
  • Axios - Promise based HTTP client for the browser and Node.Js.
  • TailwindCSS - CSS Framework to style the website.
  • HeadlessUI - Accessible and unstyled UI components, designed to integrate beautifully with Tailwind CSS.
  • html2canvas - Screenshots with JavaScript.
  • phosphor-react - Flexible icon family for interfaces, diagrams, and presentations.

🐱‍💻 Environment variables

After cloning the repository, you should set the following environment variables to run this project. (Expose these environment variables to Vite by prefixing with "VITE_")

Create an .env or .env.local file with the following keys:

  • VITE_API_URL=<your_api_url>

Executing locally

Open your preferred terminal in the root directory of your project and run the following command:

cd web

Then, install the dependencies using yarn or npm Depending on your package manager (yarn or npm)

yarn // For yarn users

OR

npm install // For npm users

After installing the dependencies, it might be possible to run the command:

yarn dev

So now you can access the project by your browser typing http://localhost:3000/

🚀 Deploy

The chosen deployment platform for this project was Vercel (Static Deploy and JAMstack, global CDN).

🔖 Layout

You can take a look at the project layout through this link, just select the option page: "Protótipo - Desktop".
You must have an account on Figma website to get access.