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