Giter Club home page Giter Club logo

quizden's Introduction

QuizDen

qq

Introduction

A simple and minimalist quiz building and participating application. After building quiz, a quiz code will be generated for sharing. User can participate in the quiz with this code.

ezgif-7-58076e634990

Technologies Used

Back-end System

  • ExpressJS (NodeJS web framework)
  • Mongoose (MongoDB ODM)

Front-end System

  • ReactJS (Front-end Library)
  • HTML
  • CSS
  • Bootstrap

Other NPM Dependencies

  • BCrypt (Password hashing)
  • JSON Web Token - JWT (Authentication token)
  • Axios (HTTP client)

Database System

  • MongoDB (NoSQL database, Mongoose ODM used for queries)

UI Elements

  • The Logo is an Icon from IconScout
  • The Emojis are from Emojipedia, Getemoji etc.
  • Everything else is custom made

Screenshots

Landing Page

A minimal landing page

image

Dashboard

List of quizzes created by the user is listed here with sharable codes. User can both build and attend quizzes. Can see statistics of him/herself and for every quizzes curated by him/her.

image

Quiz Builder

User can add questions and for every question, indefinite number of options can be added. One of the option has to be selected as correct answer.

image

Quiz Code

User will see this page after creating a quiz successfully.

image

Find Quiz

User can paste quiz code to find quiz. The quiz title and description will be shown if found.

image

Quiz Taker

User can take the quiz after finding it using the code. Similar to the building interface, but nothing can be edited here. User can only select the options.

image

Quiz Result

User will see this page after taking a quiz successfully. The attendance count will increase by one. And the flawless count will be increased by one if they answer all correctly.

image

quizden's People

Contributors

tanvirsojal avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

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