Smart Assigngments

A virtual platform for the teacher to monitor student's progress.

Comment

Inspiration ❗💡

I want to build something for teacher to monitor and Mentos the students. All the other online/virtual platforms are not good and user-friendly for that purpose. They only focus on teaching and are paid resources. But my web application focus on both teaching and mentoring for the students as well as for teachers. I want to build something free, so I build "Smart Assign".

What it does ❓

The pandemic has prompted the use of online learning platforms like Google Classroom and Microsoft Teams. However convenient these applications might be, they are not student-friendly, particularly for primary school students. With the increasing importance of e-learning platforms, a cheerful online class is the need of the hour.

With is web application, the teacher can mentor the student easily and monitor their progress in the class. The teacher ca add assignments, quiz timetable and class schedules. The teacher can also see who is the topper of the class in ranking leaderboard.

How we built it 🔧🔨🧰

For the frontend part I have use basic HTML, CSS framework react. I also use Figma for better UI/UX in my web application. As for the backend, I used Google Firebase and node.js

Challenges we ran into 🏃‍♂️❌

There were various challenges, some are mentioned below ::

  1. Structuring the project. Defining the flow of information throughout the project was definitely a challenging part of our project.

  2. Integrating Firebase storage, cloud Firestone in our project. Getting all the Firestore collections to work together proved to be a time-consuming task.

  3. Embedding PDF on the website

  4. Tracking students' progress across several assignments

Accomplishments that we're proud of 🏆

Well, I am proud on my self that I am able to complete this web application under 48hr time limit. It was my first time using technologies like React, Figma and Firebase. But I learned the concepts and application and was able to make this possible. And in future I will improve more and learn more technologies to make projects like this to help the people.

What we learned 🧠

I learned to react framework for the front end part of my project. This is the first time that I work on react.js. I also used Figma for designing my website pages and for UI/UX in my web application.

I learned about Firebase and its concepts and application by working on my web application. Furthermore, I also learn how to use Node.js with Firebase.

What's next for Smart Assign ⏭

I would work on this project more to make the web application more UI/UX friendly and start an open trial. Then I would love to share about our project with others to gain feedback and improve.

Built With

Share this project:

Updates