How Ah?

Sign in
Forgot password
View modules
View module materials
Manage modules
Edit modules
Edit modules - Files
Interest Group
Edit Interest Group
Announcements
Announcement search bar
Classes
Live Chat Chatbot
Upload CSV file to enroll students
Filtered Student Data from CSV file

Inspiration

Polytechnics across Singapore has recently switched to Brightspace as a Learning Management System (LMS). However, we noticed that the platform has noticeable flaws such as its navigation and layout. On the other hand, students enjoy using Microsoft Teams for its communication services but it is not as easy to access learning materials. With these two platforms as references, we decided to build our own LMS, How Ah?, that focuses on efficiency and user-friendliness.

Features

View modules, interest groups taken by students and files associated to the modules
Management of classes, modules, module files, students and interest groups
Notifications (eg. sending emails to notify users on announcements, search for a specific notification under notification popup)

How we built it

Separated main components of LMS between members
Weekly updates on member's progress, weekly releases on Github
Weekly deployment to Netlify and Heroku

Challenges we ran into

React update or the Prisma join group
Using Formidable and Cloudinary together, making sure that it works on deployment
Trying to implement new functions into React Query, succeeded by research on the documentation and help of team mates.
Coordination between team members to ensure changes to source codes doesn't break other features

Accomplishments that we're proud of

Able to integrate advanced features (eg. react hook form, prisma, Cloudinary, mailer)
Management of students (eg. bulk insertion of student data, filtering existing students)
Being able to face problems/errors and pick up new things more independently, as compared to CA1 where we would easily fall back to friends/lecturer for help
Student enrollment feature, it was difficult to handle the data manipulation but got through

What we learned

We learned how to build a simple LMS with key functions using both HTML and React. The team has explored various resources to use the most optimal packages and methods to code, and communicated with each other throughout the project, which is an key factor in the 'completion' of the project.