Coder Social home page Coder Social logo

whitehat-rvclassroom's Introduction

RV-CLASSROOM

Designed using

  • PYTHON FLASK and JAVASCRIPT for backend
  • and HTML, CSS for frontend

This Website offers classroom features as mentioned below :

  • Student and Teacher privileges are provided
  • Asignments can be assigned and submit within the website
  • Seperate classroom chat can be maintained



FEATURE NAVIGATION


Starting with the home page http://face.pythonanywhere.com/

Block_Diagram

For new user please click the SIGN UP! button and procced as mentioned in CREATING ACCOUNT.


If existing user please opt LOGIN button also displayed as fingerprint icon and futher procced as mentioned in LOGIN.




CREATE ACCOUNT

On navigating through signup/account creation page

account creation


  • Please enter user details and create a password to create user account
  • Then click GET IN BOARD button to create user account

Further user will be navigated to LOGIN page.

LOGIN


login page

  • Enter user credentials here and click LOGIN
  • Incase if user forgot user credentials click FORGET PASSWORD link to reset user password

After logging in user will be navigated to DASHBOARD page


DASHBOARD


DASHBOARD

The Dashboard will display all the classes that user has been enrolled

  • Hover over the class name of each class to further navigate to through the class user will be navigated to CLASS DETAILS

  • The NEW CLASS on the top right corner will help in creating new classes as the user with the class administrator/teacher privileges.

  • The JOIN CLASS will help in enrolling the user to a class with class-id.


The navigation bar on the top will be helpful to navigate through pages such as

  • The top right corner HOME ICON will lead the user to DASHBOARD

  • The CONTACT ICON on the right will help us in navigating to ACCOUNT DETAILS and LOGOUT functionality.



CLASS DETAILS



CLASSROOMCHAT


  • Communication between teacher students can be done here

  • Class details are being displayed towards the right of the chat

  • The MENU/SQUARE ICON will help in navigating between classchat and assignment submission(if user is with teacher privileges assign assignment option is available )



ASSIGNMENT



assignment



  • In this section assignment being assigned or created(if user with teacher privileges) are displayed for the corresponding class

  • On clicking the assignment user will be navigated to assignment submission section


If user with student privilege

assignment submission



If user with Teacher privilege

  • Assignment can be assigned assignment creation


  • Assignment of submitted students can be viewed submissionassignment

    • Clicking the file name will download the assignment to the local system.


ACCOUNT DETAILS



In the accounts details section user can preview list of classes enrolled and user details with default user display picture

accounts details



FORGET PASSWORD



In this page user can enter their registered email-id to receive reset password link

forget password

Author

  • Vaikunth Guruswamy
  • R.V.Rohinth Ram

whitehat-rvclassroom's People

Contributors

rohinthram avatar

Watchers

 avatar

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.