Lecture Logs

• 

  Landing Page

• 

  Transcribe Page View

• 

  Chapter Summary For Calc Lecture

Inspiration

Found the need to be able to search through lecture videos more efficiently to be able to study with the disorganization of online school. Many students are having trouble keeping up with recorded lectures, and that’s causing them to fall behind and struggle, so we created a way to bookmark the important parts of a recorded lecture and be able to find them in a much more efficient way courtesy of Assembly AI.

What it does

Lecture Logs is a tool that takes mp4 or mp3 files and sends them to an API which creates a suitable environment to allow the user to post their file to the Assembly AI API. The file is then transcribed and the data is broken into readable chapter summaries with timestamps and is then rendered to the client to be seen in the front-end.

How we built it

The front-end is made with react.js and a few other react-specific tools such as react-router-dom which allows the user to navigate around the client. The backend is made using Express.js to which the user can send their data in order for the backend to handle and receive data from Assembly Ai to display to the user.

Challenges we ran into

One challenge we ran into was trying to implement Redux to work alongside react.js. We attempted this to try to implement an application-wide state along with actions. Unfortunately, we weren't able to get our middleware to work due to an incompatibility with our dependencies. We also ran into some issues with rendering in react with state, but we were able to work around that by looking at code that we've written before.

Accomplishments that we're proud of

Working with an unfamiliar API, being able to split long videos down into smaller chapter summaries and being able to find the content in the chapter summaries by navigating to the provided timestamps.

What we learned

We were able to strengthen our understanding of react.js, really working with UI design to be able to give a user experience that we are proud of. We also learned how to send files in HTTP requests to APIs and other services.

What's next for Lecture Logs

The next step for Lecture Logs is to be able to store chapter summaries into a database for a user to access over the course of a semester to help them stay organized better. We'd also like to be able to clip the video so that after the Assembly AI process has taken place, the user would be able to see clips of the most important parts of the video

Built With

• assembly.ai
• express.js
• javascript
• node.js
• react