-
-
The main page of the site
-
The sign in page
Inspiration
In this world of virtual school, many students have trouble managing work and the different platforms they are on. Our web app,
What it does
ClassTasks allows students to put all of their assignments and classes in one easy to find place. Our app allows students to track their assignment progress and keep track of their work to make sure they get it done on time. Tasks are sorted into their respective classes and sorted by their status, making it easy to keep on top of schoolwork.
How I built it
When building ClassTasks, we utilized React.js for the front end and Firebase for the backend. Within Firebase, we used cloud functions for data handling, firestore for data persistence, authentication for managing users, and hosting for hosting our web app. We also used React.js to make the UI which consists of many pages for displaying the data and user management. We also used the Firebase SDK for connecting to the backend for using https callable functions.
Challenges I ran into
We ran into several bugs while making this project, and the complexity of the project often made them difficult to resolve. Troubleshooting issues such as tasks disappearing or not staying deleted required watching what was going on in both the front-end code and the back-end code and Firestore storage.
Accomplishments that I'm proud of
We are proud of the appearance of the website, getting the styling to look good and clean took a lot of work. We are also proud of how well the to do part of the site works, with lots of functionality in addition to a user based data storage system.
What I learned
During this project, we learned about React.js and Firebase. We learned how to use React.js as the frontend for a multipage website with fairly complex functionality. We also learned how to use Firebase to store data, host a website, and handle authentication of users. Using React and Firebase together was also something we’d never done before and was able to learn through this project.
What's next for ClassTasks
In the future, we would like to add integrations with existing education applications like Microsoft teams. Being able to automatically import assignments and have a schedule system, for example, are two ways we might do this. We would also want to add more features for teachers, like allowing them to invite students to a class and automatically give all their students tasks.
Log in or sign up for Devpost to join the conversation.