Code Monkey home page Code Monkey logo

themodernmonk7 / minutemaster Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 89 KB

MinuteMaster is a quiz app that challenges users to answer a series of multiple-choice questions within a time limit of one minute. It covers a wide range of topics and allows users to track their progress over time.

Home Page: https://minute-master.netlify.app/

JavaScript 6.77% HTML 2.31% TypeScript 89.31% CSS 1.60%
context-api frontend quiz-app quiz-game quizapp reacticons reactjs tailwindcss tyepscript typescript-react

minutemaster's Introduction

MinuteMaster - Quiz Web App

This is a simple quiz app built with React. The app fetches a set of questions from a JSON file and allows the user to take the quiz by answering the questions. The user has 60 seconds to complete the quiz and can see their score at the end of the quiz.

Demo

You can play with the live demo app minute-master.netlify.app.

Screenshots

Quiz Start Screen

App Screenshot

Quiz Attempt Screen

App Screenshot

Quiz Result Screen

App Screenshot

How to Use

When you first start the app, you will see a welcome screen with a button to start the quiz. Click the button to start the quiz.

You will be presented with a question and four possible answers. Click on the answer that you think is correct, and then you will be shown the next question.

You have 60 seconds to answer all of the questions. If you do not finish the quiz within the time limit, the app will automatically end the quiz and show you your score.

At the end of the quiz, you will see your score and the amount of time it took you to complete the quiz.

Tech Stack

  • React
  • ContextAPI
  • TypeScript
  • TailwindCSS
  • React Icons

Future Improvements

  • Add more questions to the quiz.
  • Allow the user to choose the difficulty level of the quiz.
  • Add animations to make the app more engaging.
  • Allow the user to review their answers after the quiz is finished.
  • Add the ability to save and share quiz results.

๐Ÿš€ About Me

  • Full-stack developer with experience in modern web development
  • Proficient in React and JavaScript for frontend development
  • Skilled in Redux Toolkit for state management in frontend applications
  • Experienced in Node.js and Express.js for backend development
  • Ability to create efficient and high-performance server-side applications
  • Proficient in using TailwindCSS for creating visually appealing and responsive user interfaces
  • Passionate about building user-friendly and efficient applications using cutting-edge technologies
  • Always eager to learn new technologies and improve skills to provide the best solutions to clients.

๐Ÿ”— Links

portfolio linkedin twitter Peerlist

minutemaster's People

Contributors

themodernmonk7 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.