An open API service indexing awesome lists of open source software.

https://github.com/johnuberbacher/feedback-wizard

Feedback Wizard is a Vue 3 web application that allows users to provide feedback on different topics. It uses Firebase for authentication and data storage, and it includes Tailwind CSS for styling.
https://github.com/johnuberbacher/feedback-wizard

firebase firestore tailwindcss vue vue3 vue3js vuejs

Last synced: 10 months ago
JSON representation

Feedback Wizard is a Vue 3 web application that allows users to provide feedback on different topics. It uses Firebase for authentication and data storage, and it includes Tailwind CSS for styling.

Awesome Lists containing this project

README

          

# 🧙‍♂️ Feedback Wizard
![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D)
![Firebase](https://img.shields.io/badge/Firebase-039BE5?style=for-the-badge&logo=Firebase&logoColor=white)
![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

Feedback Wizard is a Vue 3 web application that allows users to provide feedback on different topics. It uses Firebase for authentication and data storage, and it includes Tailwind CSS for styling.

## Live Demo
[https://feedback-wizard.netlify.app/](https://feedback-wizard.netlify.app/)

## Features
- **Create and customize feedback forms with ease:** Easily create and customize feedback forms according to your specific needs. Define questions, layout, and design to align with your requirements.
- **Share forms with your users via a generated link**: Generate unique links to share feedback forms with your users. They can conveniently access the form through the provided link.
- **Forms feature multiple question types:** Support for various question types, including single and multiple-choice, text-input responses, and emotion-mood scale. Gather specific and diverse feedback from your users.
- **Collect and track feedback from your users:** Collect and organize feedback responses from your users. Easily track and manage feedback data to capture valuable insights.
- **View feedback data in real-time through the dashboard:** Access feedback data in real-time through an intuitive dashboard. Monitor responses as they come in and gain immediate insights into user sentiments, preferences, and opinions.
- **Integration with Google Firebase Analytics:** Seamlessly integrate with Google Firebase Analytics. Leverage advanced user tracking and analysis capabilities to gain deeper insights into user behavior.

## Dependencies
- Vue.js - A progressive JavaScript framework for building user interfaces.
- Vue Router - The official router for Vue.js.
- Tailwind CSS - A utility-first CSS framework for rapidly building custom designs.
- Firebase - A backend-as-a-service platform for building web and mobile applications.
- Remix Icon - A set of open-source icons designed for web and app development.
- Core-js - A modular standard library for JavaScript.
- PostCSS - A tool for transforming CSS with JavaScript plugins.
- Autoprefixer - A PostCSS plugin to parse CSS and add vendor prefixes.
- Babel - A JavaScript compiler that transforms modern JavaScript code into a format compatible with older browsers.

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).