https://github.com/annaarbery/professional-test
Личностный тест для профессиональной ориентации с персональными данными и сохранением в firebase
https://github.com/annaarbery/professional-test
eslint firebase flatpickr react react-form-hook react-input-mask react-transition-group redux-toolkit scss taiwind typescript webpack
Last synced: 6 months ago
JSON representation
Личностный тест для профессиональной ориентации с персональными данными и сохранением в firebase
- Host: GitHub
- URL: https://github.com/annaarbery/professional-test
- Owner: AnnaArbery
- Created: 2024-01-18T20:26:59.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-17T09:13:50.000Z (11 months ago)
- Last Synced: 2025-02-04T04:15:45.624Z (8 months ago)
- Topics: eslint, firebase, flatpickr, react, react-form-hook, react-input-mask, react-transition-group, redux-toolkit, scss, taiwind, typescript, webpack
- Language: TypeScript
- Homepage: https://annaarbery.github.io/professional-test/
- Size: 1.58 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Проект тестирование с регистрацией
`react` `webpack` `eslint` `react-form-hook` `redux-toolkit` `taiwind` `firebase`
Форма с валидацией - необходимо заполнить данные о себе, после этого появлется тест с выбором утвеждений из предложенного списка и таблица с оценкой определенных позиций.
На последнем шаге так же можно проверить введенные данные в модалке единым списком и отослать. Данные отправляются в `firebase` (настройкой ограничений по домену git-проекта).
`npm run start` - запуск разработки
`npm run build` - запуск сборки
`npm run analyz` - анализ сборки
### Переменные окружения
URL_STEPS="./store/steps.json"
URL_TABS="./store/tabs.json"
URL_CONTENT="./store/content.json"
FIREBASE_API_KEY
FIREBASE_AUTH_DOMAIN
FIREBASE_PROJECT_ID
FIREBASE_STORAGE_BUCKET
FIREBASE_MESSAGING_SENDER_ID
FIREBASE_APP_ID
### Дополнительные ветки:
`react-datapick` - тяжелый скрипт датапикера
`jsCalendar` - самый легкий скрипт датапикера, но с необходимостью доп.настроек
### Доработать
./src/components/UI/DatepickerCal/DatepickerCal.tsx - типизация ref c datapicker
./src/hooks/useClickOutside.ts - типизация ref, target
./src/hooks/useScript.ts - типизация созданного document.querySelector, аттрибутов
./src/hooks/useFetchRedux.ts - cb