The Canadian Citizenship Test application serves as an invaluable preparation tool for the Official Canadian Citizenship Test. This platform provides easy access to the official Discovery Canada Study Guide material alongside a comprehensive assessment module. The application is responsive for both mobile and tablet devices.
- The application's Home page contains the introductory information about the application.
- The "Test" button on the Home page of the "Online Canadian Citizenship Test 2024" block will redirect a user to the Test page when clicked.
- The "Prepare" button on the "Official Study Guide" block will redirect a user to the Prepare page.
- The Prepare page block includes the "Discover Canada Official Study Guide" and direct links to the official study guide material.
- By clicking on the About page header link, users will be introduced to the story of the app's creation.
- By clicking on the "Login" button, a user will be redirected to the Login page where an existing user can log in.
- Clicking on the "Register" button, a user will be redirected to the Registration page where they can register by filling in all the required fields.
- The assessment comprises 20 questions spanning diverse categories.
- In the event of an incorrect response, there are up to 4 alternatives.
- Additionally, there may be up to 3 questions that have been skipped, which will be presented upon completion of the remaining questions in the test.
- When answering skipped questions, the user must click on "Submit Answer" followed by the "Next" button.
- After going through all 20 questions or the timer running out after 30 minutes, the test will end.
- The Test Result page will be displayed, including the number of questions answered correctly and incorrectly, together with the incorrectly answered questions and the incorrect answers made by the user, as well as the correct answers to questions.
- Below all the test result information are the links to "Discover Canada Study Guide" and "Start The Test Over."
- The "Progress Bar" at the top of the test page will show the test progress in percentages during the assessment.
- The "Timer" will count down from 30 minutes once the "Start Test" button is clicked.
- The "Questions Counter" will count down from 20 questions each time a user clicks on "Submit Answer".
- Front End =>
cd frontend
npm run dev
- Back End =>
cd backend
node server.js
- Install dependencies with
npm install
in each respective/frontend
and/backend
.
- express
- dotenv
- pg
- bcrypt
- jwt
- axios
- cors
- chalk
- react-bootstrap
- react-router-dom
- fontawesome-svg-core
- free-brands-svg-icons
- react-fontawesome
- react-countdown": "^2.3.5"
- react-countdown-circle-timer": "^3.2.1"