kathyswu / Quizzr-frontend

Capstone project Quizzr's front end

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Live Website

Coming Soon

GA Logo

Capstone: Quizzr

Made by: Kathy Wu

Quizzr

General Assembly Software Engineering Immersive's Coding Bootcamp Capstone Project. Quizzr is an online quiz game application, that allows users to create and play quizzes. The project uses MERN stack (MongoDB, Express, React, and Node) along with Sass.

Table of Contents

Technologies Used

  • MongoDB / Mongoose
  • Express
  • REACT
  • Node
  • SASS

Features

Current ready features:

  • User account creation
  • User authentication and authorization
  • User profile picture updating
  • Creating quizzes
  • Deleting quizzes
  • Playing quiz games singleplayer

Screenshots

Landing Page Sign Up Log In Profile Page Browse Quizzes Page Browse Quizzes Quiz Sections Lobbies Page Waiting in Lobby Create Quizzes Page Create Question and Answer Play Quiz Page Play Quiz Answer Page

Planning

Wireframe1 Wireframe2 Wireframe3 Wireframe4 Wireframe5 Wireframe6 ERD Diagram Sprint1 Sprint2

User Stories

User Stories

Project Status

MVP: First iteration of project is complete Using Sockets.io: Second iteration of project is in progress

Future Improvements

Plans for future improvement:

  • Make multiplayer lobbies
  • Multiplayer quiz game
  • Friends feature
  • History and leaderboards
  • Mobile Responsive

Acknowledgements

  • Excellent support team from our instructor Dalton
  • All the frontline staff who encourage us in General Assembly!
  • Big thank you to Jake for helping me debug!

About

Capstone project Quizzr's front end


Languages

Language:JavaScript 52.2%Language:SCSS 46.7%Language:HTML 0.6%Language:CSS 0.5%