generated from techfolios/template
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
71c470a
commit b19796f
Showing
3 changed files
with
36 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,36 @@ | ||
--- | ||
layout: project | ||
type: project | ||
image: img/quizzo-app/quizzo-app-square.png | ||
title: "Quizzo | Engaging Quiz App for Learning and Entertainment" | ||
date: "2023-03-05" | ||
published: true | ||
labels: | ||
- NodeJs | ||
- GitHub | ||
- ReactJs | ||
- Tailwindcss | ||
summary: "Test your knowledge in the universe of Quizzo" | ||
--- | ||
|
||
<img class="img-fluid" src="../img/quizzo-app/quizzo-app-home-page.png"> | ||
|
||
This is a simple responsive website that I created as a practice project in ReactJs. This project helped me learn advance concepts of ReactJs like working with Global State Management with Context API, useEffect Hooks and React Router and auto navigation. | ||
|
||
This website is made by 1.9% of HTML, 3.0% of CSS and 95.1% of JavaScript. It took me 2 days to complete. It includes following features: | ||
|
||
- **Diverse Categories**: An extensive library of quiz categories to cater to all interests and knowledge levels. From history to science, entertainment to sports, there's a quiz for everyone. | ||
|
||
- **Three Difficulty Levels**: Tailor your quiz experience to your expertise. Choose from easy, medium, and hard difficulty levels to match your knowledge and challenge yourself. | ||
|
||
- **Interactive Animations**: I've incorporated captivating animations to make the quiz experience more engaging and visually appealing. From smooth transitions between questions to exciting feedback animations, Quizzo keeps you entertained. | ||
|
||
- **Skip Quiz**: Have you ever encountered a question you couldn't answer? No worries! Quizzo allows you to skip a question and come back to it later if you have time remaining. | ||
|
||
- **Time Management**: You won't have to worry about running out of time. Quizzo displays the total time remaining and automatically submits your quiz when the time is up. | ||
|
||
- **Comprehensive Results**: After completing your quiz, Quizzo provides you with a detailed results summary, showing your score and the questions you answered correctly or missed. | ||
|
||
In this project I gained experience with Front-end web design, Taliwindcss, React Router and specially UX (User Experience). I learned to manage remaining time with states alongwith scores like skipped, correct, incorrect, attempted etc. | ||
|
||
Have a Look to my project : <a href="https://quizzo-app.surge.sh/">Live Demo</a> | <a href="https://github.com/m-naeem66622/quizzo-app">Source Code</a> |