Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/davidgarciamunozz/stress-meter-web-app
Build a web application, where users can provide their email address, take a test to measure their stress level and depending on their level they will be recommended with university wellness activities. The university will be authorized to access the database and manipulate the user's emails.
https://github.com/davidgarciamunozz/stress-meter-web-app
reactjs typescript vite
Last synced: 8 days ago
JSON representation
Build a web application, where users can provide their email address, take a test to measure their stress level and depending on their level they will be recommended with university wellness activities. The university will be authorized to access the database and manipulate the user's emails.
- Host: GitHub
- URL: https://github.com/davidgarciamunozz/stress-meter-web-app
- Owner: davidgarciamunozz
- Created: 2024-10-17T00:41:58.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-11-09T16:10:27.000Z (11 days ago)
- Last Synced: 2024-11-09T17:17:56.458Z (11 days ago)
- Topics: reactjs, typescript, vite
- Language: TypeScript
- Homepage:
- Size: 391 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + TypeScript + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh## Expanding the ESLint configuration
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
- Configure the top-level `parserOptions` property like this:
```js
export default tseslint.config({
languageOptions: {
// other options...
parserOptions: {
project: ['./tsconfig.node.json', './tsconfig.app.json'],
tsconfigRootDir: import.meta.dirname,
},
},
})
```- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
- Optionally add `...tseslint.configs.stylisticTypeChecked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:```js
// eslint.config.js
import react from 'eslint-plugin-react'export default tseslint.config({
// Set the react version
settings: { react: { version: '18.3' } },
plugins: {
// Add the react plugin
react,
},
rules: {
// other rules...
// Enable its recommended rules
...react.configs.recommended.rules,
...react.configs['jsx-runtime'].rules,
},
})
```