Lecture Attendance System

This is a prototype solution to the manual lecture attendance process in Tertiary Instutions in Nigeria. This solution is meant to foster proper documentation and record-keeping of students participation in lectures. The system comprises of an Admin section and the Student section. - Admin section - Logs In - Registers students - Views students record on a table - Logs Out - Student section - Logs In - Marks attendance - Logs Out

Table of contents

• Overview
  • The challenge
  • Links
• My process
  • Built with
  • What I learned
• Author

Overview

The challenge

Users should be able to:

• View the optimal layout for the app depending on their device's screen size
• See hover states for all interactive elements on the page
• Add new students: Admin
• Mark attendance for a subject: Student
• View list of all students: Admin
• Log Out

Links

• Solution URL: Github Repo Link
• Live Site URL: Live Site

My process

Built with

• Typescript
• React - JS library
• TailwindCSS - For styles
• Netlify - For deployment

What I learned

In the course of this project, I learnt how to implement the following:

• React Routing
• Protected Route in React.JS
• How to integrate AG-grid table with React
• Managing user session

Author

• Website - Ezeugo Felistus Obieze
• Twitter - @ezeugoobieze