#Technologies used
Front end - html5, css3, javascript and react js (framework)
Backend - Node js and MongoDb
Npm modules - express, body-parser, ejs, cookie-parser, fs and mongoose
Time spent: 10 days
To run type on terminal -> "node server.js"
Features
- Logical and easy to use Navigation
Nav-Bar Home Page Edit will redirect to (self) profile-Editing page
Nav-Bar To-Do-List From Here You Can Edit the To-Do List (only CRs can 😁😁)
Nav-Bar Notice Board Editing option for Notice Board is here (But only CRs can access it 😁😁)
- Security
2.1 If you have not logined then...every page (namely Home, Time-Table, Notice and To-Do-List) will redirect to login Page
2.2 If you have already logined then...You don't need to login untill you logout
2.3 Registration Form will accpect only Class User-ids
- Speacial Features
Current Class button
It will show the current class and will redirect to current class meet link (only if the meet link is available)
DAY - 1
Snapshots
Home page
The gree colour automated botton shows us the current ongoing class in real time
By clicking on it, it will divert to our google classroom meet link without any change.
The calender is properly functional.
We have added some animations .
Time Table
It points us the live class.
DAY - 2
Snapshots
Student List
We have used react ,CSS ,HTML ,JS to make the student's list .
It is not responsive yet.
In this we learnt about many properties and methods and have tried to implement it as much as possible.
Notice Board
We have used HTML and CSS to create this page .
It is yet to be made responsive.
Have used linear gradient and webkit for some box shadow effects.
DAY - 3
Snapshots
We have made 3 forms and 2 pages (namely success and error).
Login , Registration and Updating forms links are linked in footer . #Login Page
We have added some animations using CSS.
#Registration Page
#Update Info
#Success page
#Error page
Improvements in previously done pages : Used grid layout in the student list page.
DAY - 6
Made the main page for directing to the login page .
Some animations made using CSS
DAY - 10
For visitors outside our branch can visit, they can visit by using the username as "Master Key" and no password will be required in their case.
For the members inside our branch , they can have access by first registering their details and having username "b5200XX" (ie their college id) followed by setting their password respectively. The details filled can later be edited also
#Edit info Page
Their is a to do list where our class representative(+developer "b5200") only will have the permission to edit the list and update it .There daywise the time gets updated .
#To do list
#Edit to do list
The notice board information also can be updated by the class representative only.