Giter Club home page Giter Club logo

quizapp's Introduction

QuizApp

Visit the website: https://quizchamp.herokuapp.com/ [deployment inactive]

About:

This is a simple online quiz application made with MERN-stack. It is fully responsive and mobile-friendly.


Objectives

Completed User Stories:

As an Assessor

  • I should be able to create tests from 24 different categories and set other parameters( Time duration , Test Expiry and Number of Questions(<50) )
  • I should be able to take tests.
  • I should be able to view tests created by me and results of those tests.

As an Examine

  • I should be able to take tests after providing my information.
  • I should be able to take each test only once.
  • I should not be able to take tests after its expiry.
  • The test should auto-submit when the time expiries.

As a secure app

  • No one should have access to test information or test results without authentication.
  • Test questions keeps changing to avoiding cheating.

Tech-Stack

Front-End:

The front-end is developed using HTML5 , CSS3 and React (a modern javascript-framework).
React-Router-DOM is used for navigating between different view of the SPA.
Bubbling and Capturing is used for DOM manupilation.
LocalStorage is used for client side caching.
React-Modal is used to creating popups.

Back-End:

The backend is developed in Nodejs (a javascript runtime envionment), ExpressJS (a minimalistic web framework) and MongoDB (as a database).
Mongoose(Object-Document-Mapper) is used to help writing queries for CRUD operations in JS as an alternative to NoSQL.
bcryptjs is used to store passwords as hashed passwords.
JWT(Javascript web token) authorization is used to authorize access to protected endpoints.
The backend is responsible for serving both the front-end and the back-end.

Connecting Front-End with Back-End:

Axios a promise based http library is used to connect the front-end and the backend.


quizapp's People

Contributors

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

quizapp's Issues

Needed some guidance

Hi there,
I wanted to seek some guidance from you regarding this project on setting up the database and backend.
Its very urgent as I am working on a similar project so if possible can you just provide me few minutes of you. It will mean a lot to me.

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.