Covid Questionaire collects information about the covid situation and work preferences from users.
- React @18.0.0 - front-end framework
- React Hook Form @7.30.0 - flexible and extensible forms with easy-to-use validation.
- tailwindcss @3.0.24 - css framework
- cypress @9.6.0 - JavaScript End to End Testing Framework
1. First of all you need to clone repository from github:
git clone https://github.com/Saba-Var/Covid-Quoestionnaire.git
2. Next step requires install all the dependencies.
npm install
or
yarn install
3. after that you can run Covid Questionnaire application from terminal:
npm start
Runs the app in the development mode. Open http://localhost:3000 to view it in your browser.
1. copy cypress.json
cp cypress.json.example cypress.json
2. Run application from the terminal
npm start
3. start cypress
npx cypress open
In order to see coverage of testing go to coverage/lcov-report and open index.html
├─── cypress # project test files
├─── readme # readme assets
├─── src # project source codes
│ ├── assets # project images and fonts
│ ├── components # reusable components
│ │ └── svgs # svg components
│ ├── helper # helper functions
│ ├── pages # project pages
│ │ ├── Covid
│ │ │ └── components # page components
│ │ ├── CovidPolicy # project page
│ │ │ └── components # page components
│ │ ├── Identification # project page
│ │ │ └── components # page components
│ │ ├── StartingPage # project page
│ │ └── Vaccinated # project page
│ │ └── components # page components
│ │ └── suggestions # suggestions of radio inputs
│ └── state # context api
- .eslintrc.json # eslint config file
- .gitignore # gitignore config file
- .prettierrc.js # prettier config file
- cypress.json # cypress config file
- jsconfig.json # config file for absolute path
- package.json # dependency manager configurations
- tailwind.config.js # tailwindcss config file