AIM: The aim of our website WAS to: 1)allow Users to join the quiz once they enter the invitation code 2)allow users must be able to form groups 3)allow users to Make a leaderboard to see who is on the podium 4)allow users to create a quiz or be generated by default from a question bank 5)allow users to create Questions of any format, MCQs, SCQs, Puzzle 6)allow quiz users to login/register to your application for creating the quiz.
PROGRESS
FRONTEND barath:HTML,CSS,GRIDLINES,FLEXBOX,JAVASCRIPT priyansh:CSS,ANIMATIONS,DESIGN,JAVASCRIPT
a)HomePage
*)We created a navbar for the homepage added icon to the left class and call and email to the right class
*)we added a background to the whole body of the page and reduced the opacity of navbar
*)we added a container for the the black box
*)we added two modals and two modal containers for login and sign up the model containers are set to pointer-events:none;the container is made using gridlines
giving it its responsiveness.
*)A form is used to take input from inside the modal
b)Afterlogin
*)The page is made up of mainly 3 ggrid boxes which are further divided into grid boxes
*)The navbar is located on the right side as a grid box
*)The create quiz box and Join quiz box are inside two grid boxes
*)The join quiz box takes in a input using a form the size of input has been changed
c)Mcq template,fiilin,numerical
*)The template is made up of 3 grid boxes the top box contains the animation for timer,the secind box contains the question
*)The grid box for option have been split into 4 and we added a flex box inside the grid for the options of mcq to make
it responsive
*)The grid boc for fillups and numerical just contain a box which takes in input through a form
d)LeaderBoard
*)we made a simple leaderboard with grid box and placed it in the center of the page
e)add quiz
*)The page contains a basic form in the white area
*)The grey box contains the template for the question which is integrated with javascript to repeat on adding a question
*)we added a drop down box for the user to select the type of question
BACKEND: Yusuf: Django a) Login and Signup: 1>In Home page, before authentication,login and sign-up options are provided to the user.When signing in, user enters his/her credential and after verification of all the fields,user credentials are stored in the database. Future commit:To enable user to signin with google/channel i using OAuth 2.0
b)Create Quiz:After user is authenticated,we enabled 2 options i.e Create Quiz and Join Quiz in the navbar.
"Create quiz" redirects user to a form, where it fills the question attributes like type,marks,question-text etc.
There are 2 modals namely Quiz and Questions and quiz id is stored in Quiz. For a unique quiz id,separate class for questions
is created and questions (default numbering from 1) are stored there for future retrival.
The lobby/Quiz template url are connected with unique question id.
After completion of quiz making, the creater/teacher is provided with three options namely "Submit",
"generate code" and "start quiz"(used to redirect students from lobby to quiz template).
c)Join Quiz:User after clicking redirects to a modal with feild"Enter Code", if code matches , User is redirected to the lobby.
User can also attempt pre-build quiz on some of the listed topics by clicking "Practise".
d)Leaderbord(Future Commit):Every user details like 'marked correct' and 'time taken' are stored in db via django modals and
calculations are made using a pre-build formula and according leaderboard is updated.
Many of the above stated fields are under devlopment and will be unabled through future commits.