The main page, what users see when they first visit the site
The sign in page, this is how the assignments are matched to each person
A list of zoom classes and the option to add more
The list of assignments and the option to add more
The overview page containing some of you upcoming assignments and zoom classes, it also has the AI recommended assignment
We were thinking about things that we could do to help students with school in the midst of the COVID-19 pandemic. We decided that the way that all of are assignments are zooms are on different platforms is really confusing and we wanted students to be able to see it all in one place
What it does
This site allows you to create an account where you can add your assignments and zooms. Not only does it store all of the assignments and zooms in one place, but it uses machine learning technology to pick assignments that you should try next.
How I built it
We started by developing what each of the pages would look like in bootstrap studio when everything was functional. We used html and css to make it. We designed an image for the main page using gimp. After we completed the design, we exported the design into visual studio code in a LiveShare session so we could all work on parts of the code together. We used flask for the backend and jinja to coordinate the backend with the frontend. We used sqlite3 to create the database that holds the users and there assignments and zooms.
Challenges I ran into
There were far too many challenges to write here so I will just include the worst of them.
- Issues calibrating the AI classification parameters
- Sqlite Thread concurrency
- Jinja template rendering errors
- Static file serving
Accomplishments that I'm proud of
There were many roadblocks that we overcame that we are proud of. We have worked together to make many sites in the past but most of those took weeks to complete. This is the fastest that we have created a website yet. I am very proud of that.
We used new programs that we haven't used before that allowed us to work faster and collaborate easier. Some of these were Visual Studio Code's LiveShare extension that allowed us to work on the same code at the same time. Another one of these was bootstrap studio which allowed us to develop a better looking site in less time. Another software that we have used before but not for coding was discord. In the past, we worked together in person but now we had to work from our own homes, discord allowed us to communicate almost as if we were together. I am proud of us for trying new things and being successful with these new programs.
What I learned
We learned how to use python flask, visual studio code liveshare, bootstrap studio, jinja, and more.
What's next for TimeByte
Adding browser notifications and more integrations to other programs.