GithubHelp home page GithubHelp logo

attendance's Introduction

College Student Attendance Information System with React JS

Introduction

  • Implemented an information system for digitization college student attendance with ReactJS, Tailwind CSS, and GraphQL
  • Managed 100% college student & lecturer data, classes data, schedule & attendance data
  • Provides an excellent feature on this project where 100% attendance data is visualized with graphs in real time

Tech Stack & Tools : ReactJS, TailwindCSS, Hasura, GraphQL, ChartJS, Redux, etc.

This project is available in 2 themes, dark and light. Like in the video below themes

Its Excellent Feature is the visualization of attendance data in real time for monitoring, as in the video below :

excellent feature

Login Page login page

Output for Student Page

Student Page

student home page

Attendance Modal in Student

attendance student

Output for Lecturer Page

Lecturer Page

lecturer home page

Attendance Modal in Lecturer

attendance student

Output for Staff Page

Staff Dasboard Page

Staff Dashboard Page Staff Dashboard Page(2)

Managed Data Pages

managed student data managed lecturer data managed class data managed course data managed schedule & attendance data add student data to class print attendance choose print attendance

Change Password for all users

Change Passsowrd

attendance's People

Contributors

drnareshchauhan avatar fauzihsan avatar

Watchers

 avatar

Forkers

fauzihsan

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.