EdSage

• 

  Landing Page

• 

  Register Page

• 

  Login Page

• 

  Teacher Dashboard

• 

  Create Class Form

• 

  Select Type of Material

• 

  Assign Material Form

• 

  Student Dashboard

• 

  Join Class Form

• 

  All Material from Class

Inspiration

This is an idea that I came up with based off of what I saw during remote learning. Most teachers were using Google Classroom and were getting very confused. They often reached out to their students and family members to help them getting around the resource. However, there needed to be a way for teachers to easily post examples and get their students into one class. That’s when a bell went off. EdSage is THE solution.

What it does

EdSage is a way, an easier way, for teachers to post content for their students. Without having to go through the hassle of typing more than 100 characters in total, they can easily start posting material for their students to view in a matter of minutes.

How I built it

I built it using the MERN (MongoDB, Express, React JS, Node JS) Stack and Firebase. I find it easier and powerful while combining the two. I used MongoDB, Express, Node JS, and Firebase for the backend, and React JS for the frontend.

Challenges we ran into

The biggest and only challenge was time pressure. I started the hackathon later due to an after-school event and I have to submit my project 6 hours earlier than the deadline due to the timezone I live in (PST).

Accomplishments that we're proud of

I'm very proud of my entire project in general. It's really come far in a little over 24 hrs.

What I learned

I learned how important time management is while working. Setting hourly deadlines for myself really helped me stay on task with time pressure. I'm 100% sure if I didn't do that I wouldn't be submitting this project right now.

What's next for EdSage

More Functionality - I want to add completing homework on the website itself, having chatting system with teacher, video calling, and the teacher can create audio/video lessons and post it.

Intuitive Design - I want to make my website look a lot more professional, like the websites we see these days. I want to make it look very appealing but unique at the same time.

Mobile Responsive - So far, only 60% of the components are mobile responsive. However, I intend to make the entire website responsive as it will definitely boost the user satisfaction with the interface and will make a much more simple but professional design.

Built With

• antd
• express.js
• firebase
• firestore
• mongodb
• node.js
• react