Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/heblopez/customer-form
This is a project built with React, Vite, and TypeScript that contains a CustomerScoops satisfaction survey.
https://github.com/heblopez/customer-form
Last synced: 7 days ago
JSON representation
This is a project built with React, Vite, and TypeScript that contains a CustomerScoops satisfaction survey.
- Host: GitHub
- URL: https://github.com/heblopez/customer-form
- Owner: heblopez
- Created: 2024-11-07T08:59:16.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-11-12T17:20:23.000Z (3 months ago)
- Last Synced: 2024-12-11T19:14:51.301Z (2 months ago)
- Language: TypeScript
- Homepage: https://customer-scoops.vercel.app
- Size: 18.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CustomerScoops Survey App 📈
## 🚀 Description
This is a project built with **React**, **Vite**, and **TypeScript** that contains a CustomerScoops satisfaction survey.
## 📱 Demo
[Demo on Vercel](https://customer-scoops.vercel.app/)
## 🌟 Features
- A simple and intuitive user interface.
- A survey with multiple questions and options.
- A option to return to the previous question.
- A thank you message after submitting the survey.
## 🛠️ Tech Stack
- **React**: JavaScript library for building user interfaces.
- **Vite**: Fast build tool that provides an efficient development environment.
- **TypeScript**: A superset of JavaScript that adds static types for improved development experience.
- **Styled Components**: A popular library for styling React components.
## 📦 Installation
To install and run this application on your local machine, follow these steps:
1. **Clone the repository**:
```bash
git clone https://github.com/heblopez/customer-form.git
cd customer-form
```
2. **Install dependencies**:
```bash
npm install
```
3. **Start the development server**:
```bash
npm run dev
```
4. **Open your browser** and navigate to `http://localhost:5173` to see the application in action.
## 🖥️ Usage
- In the main view, you can see the WelcomeScreen, where you can introduce your name and continue to the survey.
- In the survey view, you can see the different questions and their corresponding options.
- You can answer the questions and submit the survey.
- After submitting the survey, you will see a thank you message.
## 📜 Scripts in package.json
Here are the main scripts available in `package.json`:
- `dev`: Starts the development server with hot module replacement for a smooth development experience.
- `build`: Compiles the application for production, optimizing it for performance.
- `lint`: Checks the code for any linting errors.
- `preview`: Runs the application in preview mode from the `dist` directory.
## 📜 License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.
## 📬 Contact
For more information or questions, you can reach me at [[email protected]](mailto:[email protected]).
---
Thank you for checking out this project! I hope you enjoy exploring this survey application. 🚀