-
-
Home screen
-
Log in Screen
-
post screen
Inspiration
The Miracle Project Portal is an all inclusive web application to solve Miracle Project's pain points. It features an interactive web dashboard summarizing student involvements, such as courses enrolled and assignments.
What it does
The portal encourages student-teacher interactions through a convenient dashboard summarizing all of the student's involvements. Teachers can upload posts (homeworks), announcements, and files of all types. Students can view their assignments and coursework all on one page, which makes it easy to keep track of deadlines. The portal lets users edit and customize their profile. Displayed announcements are presented right at the top of the screen when students log in, and are also in their own announcements tab. Courses allow for multiple posts, and each post has a title, description and file upload.
How we built it
Next.js + Tailwind CSS frontend with Firebase Backend. We also used Redux for state tracking.
Challenges we ran into
Authentication with Redux was very buggy at first, and we ran into an issue with displaying PDF's on Google Chrome due to a CORS blocker issue.
Accomplishments that we're proud of
We successfully handled file upload and download with byte buffers to Firebase storage and designed a nice looking UI for a starting frame.
What we learned
We got a lot of practice with Tailwind CSS and learned all about the different features of Firebase, including Auth.
What's next for Miracle Project
Fleshing out the user roles and deployment! :)
Log in or sign up for Devpost to join the conversation.