Conneck Quiz App

Take Home Challenge of Conneck Studio

Live Website

About The Project

UI

• Figma Design Link

Pages

• Home Page
• MCQ Page
• Result Page
• Timeout Page

Built With

• HTML
• CSS
• Vanilla Javascript

Features

• Raw Code
• Responsive [ Tested on Samsung M01 Core, Samsung Galaxy Tab 2018, Iphone 7 ]
• CI/CD using Github & Netlify

Flow

Usage

• On the home page users will see a start button, Clicking the Start button will redirect users to the Quiz Page.
• On the Quiz page a Ten Minutes timer will start immidietly and users will have to chose their answers.
• Users will get 10 Minutes to provide their answers.
• Users can select an answer one time per question just like the real MCQ Exam.
• After selecting answers users can click the Finish button to see their result. The timer will be stopped and users will be redirected to Results Page.
• In the results page users will see their obtained marks and a Start Again button to restart the Quiz.
• If users can't select all the answers within 10 Minutes they will be redirected to the Timeout Page from where they can restart the Quiz.

Contact Me

Golam Kibria

• Website
• Facebook
• Twitter