https://github.com/flvsantos15/feedback-widget
An application developed to get feedback from user
https://github.com/flvsantos15/feedback-widget
headless-ui nlw phosphor reactjs tailwindcss vitejs
Last synced: 2 months ago
JSON representation
An application developed to get feedback from user
- Host: GitHub
- URL: https://github.com/flvsantos15/feedback-widget
- Owner: flvSantos15
- Created: 2022-05-02T15:00:53.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2022-06-09T16:36:51.000Z (about 3 years ago)
- Last Synced: 2025-02-13T19:39:59.216Z (4 months ago)
- Topics: headless-ui, nlw, phosphor, reactjs, tailwindcss, vitejs
- Language: TypeScript
- Homepage:
- Size: 1.03 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🚧 Feedback Widgte Front End 🚀 🚧
🚀 It's an application developed to get feedback from user
Tabela de conteúdos
=================
* [About](#about)
* [How to run](#how-to-run)
* [Requirements](#requirements)
* [Tecnologies](#technologies)
* [Features](#features)
* [Features By Me](#featuresByMe)
* [Learnings](#learnings)
* [Author](#author)
## Getting Started
How to run
To run this application you need to install:
- [NodeJS](https://nodejs.org/)
- [Git](https://git-scm.com/)
- Além disto é bom ter um editor para trabalhar com o código como [VSCode](https://code.visualstudio.com/)
First, download this repository to your machine:
```bash
git clone https://github.com/flvSantos15/feedback-widget.git
```
Go to the folder:
```bash
cd folder's name
```
Then, install dependencies by running:
```bash
yarn
# or
npm install
```
And finally, run the development server:
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
This application is being built using the following technologies:
- [React](https://pt-br.reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Tailwindcss](https://tailwindui.com)
- [Headless](https://headlessui.dev/)
- [Phosphor](https://phosphoricons.com/)
Features developed during the classes
- [ x ] Web view
- [ ] Mobile view
- [ ] dark and light mode
Features developed by me
- [ ] Web view
- [ ] Mobile view
- [ ] dark and light mode
Learnings
Phosphor icons let me add stiles to the icons as I want, like weight, widht, outline color, and much more.
Headlessui let me add acessibility for my application, like tab and esc functionality, a text when the user hovers something.
Autor
Flavio Santos
Built with ❤️ by Flavio Santos 👋🏽 get in touch!
[](https://www.linkedin.com/in/flvSantos15/)
[](mailto:[email protected])