Skip to content

Vhkan/Canadian-Citizenship-Test

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🍁Canadian Citizenship Test🍁

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.

Application Features

  • 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.

Test

  • 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".

Final Product

Home-Page_1 Home-Page_2 Prepare-Page_1 Prepare-Page_2 About-Page Test-Page_1 Test-Page_2 Login-Page Register-Page Test-Result-Page Main-Mobile-Page Prepare-Mobile-Page Test-Mobile-Page

Project Setup

  • 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.

The project deployment and publishing are currently underway and will be completed soon.

Dependencies to install

  • 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"
This project was created from scratch as part of the Lighthouse Labs Bootcamp Educational Program.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published