Giter VIP home page Giter VIP logo

examfrontend's Introduction

examfrontend

This is the frontend for exam module at gitanjali.org

To install and start ---

cd /examfrontend/exammodule ---> Very important

npm install

npm start

examfrontend's People

Contributors

akashmore83386 avatar srijondasgit avatar sumit1979 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Forkers

akashmore83386

examfrontend's Issues

improvements to user/getTest

  • Move all components of "getTest" header section to the center of the page
    -Provide a light background as in the register page on https://gitanjali.org/register
    Create a line separator between "create test" and teacher's list of tests as seen in https://gitanjali.org/school
  • use text type and color to match gitanjali.org/school
  • the text length of the fields in the table is changing. fix the max length of characters in the fields to (say) 5 for index, 500 for question text(but it should wordwrap within a specified length), 5 for score and fixed length for delete button

new api for upsertAnswers

updated api for upsertAnswers is upsertAnswersUpdated, it uses a parameter questionid and needs to be implemented for update and insert of answers.

improve login page

  • Create register button on login page, so that new users will click on register button and will be redirected to registration page.
  • Remove register button from header navigation, register will button will be available only on login page.
  • login page will be the landing page for the application
  • once the user has logged in the login button should change to logout
  • place the components of the login page in the center of the screen and surround it by a light colored background as in Registration page on gitanjali.org - https://gitanjali.org/register

add question modal improvements

  • too many buttons on the modal, no need for close button as the cross mark on the top of the modal closes it.
  • "see your question" button is also not needed.
  • add question should close the modal and refresh the getTest screen, to get all the questions.

addTestHeader page improvements

improvements to teacher/addTestHeader page :

  • Move all components of "create test" to the center of the page
  • Provide a light background as in the register page on https://gitanjali.org/register
  • Create a line separator between "create test" and teacher's list of tests as seen in https://gitanjali.org/school
  • use text type and color to match gitanjali.org/school
  • the text length of the fields in the table is changing. fix the max length of characters in the fields to (say) 50 for test name, 15 for school name and 5 for class

student/allTests

Update with following changes :

  • Provide a header text - "Choose a test and submit answers"
  • padding needed on the right side of the table

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.