Inspiration
Whenever we want to calculate our marks, we have to go through the hassle of entering the mark and weight for every single assignment every time we open a mark calculating website. We also cannot see our marks and deadlines on the same page so it is hard to prioritize assignments. As a result, we created UMark which integrates a mark calculator with a deadline tracker, while storing the user’s input.
What it does
UMark works by providing students the options to add courses on the homepage. When a new course is created, they can add or delete assignments inside of that course. In addition, they can calculate the mark they would need to get on a certain assignment to achieve a specific overall grade in that course and also calculate their final mark on the course. Finally, they can view a list of all their assignments that they have due on a certain day so that they can keep track of deadlines.
How we built it
We built it using Repl.it. On Repl.it, we created a project and added the JavaScript file, the HTML file, the imported logo file, and a text file with our planning.
Challenges we ran into
Some challenges that we ran into were that the data was erased whenever we would change the pages and we were having some logical errors when running the code. We also had zero experience in both HTML and JavaScript prior to the Hackathon.
Accomplishments that we're proud of
Despite not having much experience with JavaScript, CSS, and HTML, we learned how to create a functional program within 25 hours. Learning new languages in such a short period of time came with difficulties, but we managed to create the program in spite of it.
What we learned
Through this project, we learned how to code in HTML such as adding buttons, changing pages, and editing the style of the project. We also learned how to code in JavaScript using Object-Oriented Programming such as managing classes and objects.
What's next for UMark
For the future steps of this project, we want to be able to visually display assignments and deadlines in a calendar format instead of in just text format. A visual representation would help students better plan out their schedule and increase productivity even more.
Built With
- canva
- css
- html
- javascript
- replit
Log in or sign up for Devpost to join the conversation.