Lecturely - Your boring lectures, organized and made fun!

mockups of the pages within the extension
extension being used on a lecture video
class selection on a lecture video

Inspiration

Most college students have skipped a class at one point or another, and it sometimes becomes difficult to keep caught up on recorded lectures. We decided to make a tool that helps

What it does

Users can add their courses, and within each course, add URLs to the lecture files. Lecture.ly splits up these videos into smaller chunks, which makes it easier to digest and not get bored.

How we built it

We used JavaScript, HTML, CSS, and Chrome Dev Tools to be able to develop the app for Chrome browser. We collaborated using Git and Discord. We first created a simple mock up design in Figma. Then we implemented a very low fidelity version with HTML/CSS. Then we added functionality that allows navigation, accessing recordings, tagging videos, and add new classes. Then using the chrome notification API we could send alerts to the users across multiple devices with chrome installed (mobile or desktop). These alerts will enable them to skip to certain time stamps and gain points for watching the lecture segment. These points are the reward systems that allow you to feed your virtual pet and take care of him/her. Losing your streak means your pet would be sad or much worse.

Challenges we ran into

This was our first time working with the Chrome libraries, so it was difficult to get used to. Not all of us had Javascript experience, so we had to learn some syntax throughout the project.