/Novaq-react

This is a quiz application made using React js.

Primary LanguageJavaScript

Novaq Quiz

About

Novaq is a quiz web app that lets you experience different kinds of entertainment. You can enjoy a new way to spend your time. You do not need to sign up an account or provide any personal information - just start playing!

Check out this amazing app today

Features Available

  • Home Page

    • Landing page containes following:
      1. Get Started button, user will be asked to login, once login you will able to see view category button
      2. Featured quizzes, you can see some of most popular quizzes
      3. Categories, If you click on one of the categories than you will see multiple quiz based on that category

  • Categories

    • Play quizzes based on categories
    • View quizzes based on categoires

  • Rules

    • View the rules of the quiz before starting any quiz

  • Quiz

    • You can see quiz question, question refrence, multiple options
    • You can skip the question
    • Quit quiz in the middle

  • Result Page

    • You can see answers to all the question.
    • Your score

  • Authentication

    • Login
    • Signup
    • Logout
    • Authentication is done using firebase

  • Leaderboard

    • You can see your rank in the leaderboard

  • My Profile

    • You can see your account details here

Features Coming soon

  • Create Quiz
  • Multiplayer quiz

Getting Started

  • Clone the repository on your local machine with the command below in your terminal, and cd into the novee-app folder

    git clone https://github.com/manish591/Foodio.git

cd Foodio

  • Install dependencies using npm or yarn

    npm install
or
yarn add

  • reate a .env file at the root level of the directory, and connect your app to firebase and the following firebase secret keys in your env file

    REACT_APP_API_KEY=< your firebase api key >
REACT_APP_AUTH_DOMAIN=< your firebase auth domain >
REACT_APP_PROJECT_ID=< your project id >
REACT_APP_STORAGE_BUCKET=< your storage bucket >
REACT_APP_MESSENGING_SENDER_ID=< your sender id >
REACT_APP_APP_ID=< your app id >
REACT_APP_MEASURMENT_ID=< yout measurment id >

  • Start your dev server

    npm start

Connect With Me