https://github.com/filibit/survey-app
https://github.com/filibit/survey-app
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/filibit/survey-app
- Owner: filiBit
- Created: 2021-11-22T22:27:27.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-12-05T23:26:35.000Z (over 4 years ago)
- Last Synced: 2024-12-31T19:45:53.263Z (over 1 year ago)
- Language: TypeScript
- Size: 112 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://app.netlify.com/sites/filips-survey-app/deploys)
A React App with dynamically rendered survey (form), a mock API providing form data, and both: a client-side and a server-side validation. Live version is [deployed on Netlify](https://filips-survey-app.netlify.app/).
## About
The app renders a survey based on mocked API's response. Frontend features live validation (as the user types), but doesn't prevent the user from submitting the form. Once the form is submitted, the API returns either a success, or an error response and the user is given a feedback.
## Browser Support
Babel is configured with default **browserslist** configuration and polyfills are enabled, hence the App should support all major browsers and their somewhat older versions.
## Tech
The frontend framework is **React**; The language is **Typescript**; The App is Bundled with **Webpack**, transpiled with **Babel** and code style is enforced with **ESLint**. Finally, the CSS is provided by **TailwindCSS** and is transformed with **PostCSS**.
## Usage with the CLI
**Install dependencies:**
- `npm install`
**Run the app in a development mode:**
- `npm start`
**Make ESLint show you a list of errors and warnings:**
- `npm run lint`
**Make ESlint try to fix errors and enforce code style:**
- `npm run lint:fix` **_(This command also runs on staged files as a pre-commit hook)_**
**Build the app:**
- `npm run build`
## 😊 Any questions?
filip.biterski@gmail.com