nexxai / quiz-me

Lighthouse Labs midterm team project - Quiz app to share

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

QuizMe - Interactive Quiz Platform

Description

QuizMe is an interactive quiz platform that allows users to create, share, and participate in quizzes on a wide range of topics. Whether you're a student looking to test your knowledge, an educator creating quizzes for your class, or just someone who loves trivia, QuizMe provides a user-friendly and engaging experience for all. In addition, QuizMe integreated OpenAI's API in order to provide soem assistance with Questions and Answers generation, when provided with a Theme.

Features

  • Create Quizzes: Easily create quizzes with multiple-choice questions and answers. Add questions to your quizzes and set correct answers.

  • AI integration: Have a theme but would like to find inspiration for a Question and Answers? With "Ai Generation", you can generate content that will also choose the answer which is right. Be aware though, that it may not always be accurate. Double check before validating!

  • Share and Discover: Share your quizzes with others or explore a variety of quizzes created by the QuizMe community.

  • Challenge Friends: Challenge your friends to take your quiz and see who scores the highest.

  • Track Progress: Keep track of your quiz attempts and scores. See how you improve over time.

  • User-Friendly: QuizMe is designed with a clean and intuitive user interface, making it accessible to users of all ages and backgrounds.

Screenshots

  • Home-page Home_page

  • Login-page Login_page

  • Create your Quiz with AI Integration Create_quiz

  • Quiz Take_quiz

  • Result Attempt_page

  • Share and Discover: Share your quizzes with others or explore a variety of quizzes created by the QuizMe community.

  • Challenge Friends: Challenge your friends to take your quiz and see who scores the highest.

  • Track Progress: Keep track of your quiz attempts and scores. See how you improve over time.

  • User-Friendly: QuizMe is designed with a clean and intuitive user interface, making it accessible to users of all ages and backgrounds.

Getting Started

Clone the Repository:

Install Dependencies:

  • cd quizme
  • npm install

Run the Application:

  • npm start

Access QuizMe:

Technologies Used

  • Frontend: HTML, CSS, JavaScript, EJS (Embedded JavaScript templates)
  • Backend: Node.js, Express.js
  • Database: PostgreSQL
  • User Authentication: Cookie sessions, bcrypt for password hashing
  • Styling: SCSS/SASS
  • API: OpenAI API.

About

Lighthouse Labs midterm team project - Quiz app to share


Languages

Language:JavaScript 78.7%Language:SCSS 11.7%Language:EJS 9.6%