1. Project Title
2. Demo
3. Features
4. Run Locally
5. Tech Stack
6. Running Tests
7. Localization
8. Team
9. License

Project Title

Multilingual service to assess knowledge of students and job applicants

Demo

https://albshar.github.io/quizFrontend/

Features

• Countdown Timer
• Displaying and hiding a modal window using React portals.
• Multilingual support (Russian and English) using hook useTranslation and library react-i18next
• Graphical visualizations results of testing (Chart.js)
• Filtration of user answers by themes and right/wrong answers
• Dynamic display of questions and answer choices from Firebase Database using Context API

Run Locally

Clone the project

  git clone https://github.com/AlbShar/quizFrontend.git

Go to the project directory

  cd quizFrontend

Install dependencies

  npm install

Start the development server

  npm run start

Tech Stack

• TypeScript (4.9.5)
• React (18.2.0)
• Styled-components (5.3.6)
• Chart.js (4.3.0)
• ESLint
• Firebase

Running Tests

To run ESLint, run the following command

  npm run lint

To automatically fix errors by ESLint, run the following command

  npm run lint: fix

Localization

We use library i18next for text localization. There are JSON files with translates on folder public/locales.

Team

• Frontend developer (telegram)
• QA engineer (telegram)
• Designer (telegram)
• Project Manager (telegram)

License

MIT