Lecture Listener

Logo

💡 Inspiration:

Most students do not like to copy and summarize the lectures that professors give. After copying all the notes, you might feel fatigued and demotivated in your studies. So, we came with the idea of transcribing professor’s lectures to text. Hence, we do not need to copy down what professor says, able to focus on the lecture itself. We hope that by using our app, students will be able to capture and digest the important knowledge in class more efficiently.

💻 What it does

The user is also provided with a transcript of the lecture, which the user can mark up or relocate the audio by clicking on any part of the transcript, main topics and questions. It transcribes lecture in audio format into paragraphs of texts. After the user uploads the audio file of the lecture on our app, our app organizes the main topics and questions in that lecture after processing by Symbl.ai API. It can also store transcripts in the database for future reference.

💭 What can be added in the future

Live Recording transcription
Faster Response time
Lecture Summarization
Improved UI

⚙️ How we built it

Figma

Web App

Frontend: React JS, Typescript Backend: FastAPI, Docker, Google Cloud Platform, SQL-Alchemy

🧠 Challenges we ran into

Some of our teammates who are beginners felt overwhelmed because they did not know how to relate their skills to the sorts of projects being worked on.
No programming languages in common: There were no common language for our team except Python. So if we face a problem, we need to solve by ourselves.
Limitation of time. We spent 1 whole day on learning Web.

🏅 Accomplishments that we're proud of

Everyone worked hard to complete the project as much as possible
Each team member learned a lot from their field of interest
Defeating the barriers put up by different time zones.
Be organized and helped each other whenever someone in the team need help.
Everyone was super enthusiastic, having motivated learning and coding environment.
It’s an Amazing project! We are proud to say that we made most of the project within a short period of time!

📖 What we learned

We learned the importance of collaboration and dedication between team members
We learned how to be organized and be efficient.
Learn other cultures and respect each other more carefully.
We learned many technical skills such as Web stack(HTML/CSS/Javascript) and different APIs. A large part of this project was to use REST-API to connect between the client and the server to retrieve the data from the API.

🚀 What's next for Lecture Listener?

Live record transcription using web socket.
Use different backend to scale better.
Improve UI/UX.

🎁 About the team 🎁

Daehyung Kwak (Dae) is a 2nd year student at Simon Fraser University studying computer science. He's interested in everything computer science related and deeply passionate about data science and cross-platform. You can reach out to him at his LinkedIn ~ https://www.linkedin.com/in/daehyung-kwak-136194223/ OR Email: kda56@sfu.ca

Wenqi Liao(Jessica) is a sophomore majoring in computer science and economics at New York University. She is new to the computer science field. Although she is currently only good at java, she has a strong interest in computer science and is willing to spend time exploring the field in more depth. You can contact her via her email at wl2250@nyu.edu.

Christine Zhao is a first year student at University of Toronto Scarborough currently studying computer science and environmental science. She's currently exploring her interests and hopes to learn even more things in the future. You can contact her email at christine.zhao@mail.utoronto.ca.

Kyler Li is a junior at Bellevue High School and plans to major in computer science. He has been coding since 8th grade and genuinely enjoys diving headfirst into new challenges and learning new things. He hopes to one day be able to find a job doing what he loves: coding. You can contact him via email: loukylor@gmail.com.

Built With

Submitted to

StemWarriorHacks (Winter)
- Winner Most Creative Hack

Created by

I worked on the frontend, creating React web app components and UI functionalities as well as designing using Bootstrap/CSS.

Christine Zhao
I worked on interacting with our backend and the API, as well as implementing various functionalities into the UI.

Kyler Li
I worked on the backend. Made backend with SQL and asynchronous API call features, so user can refer back their transcribed notes in the future. Then, deployed the backend to google cloud platform

Daehyung Kwak
I worked on the frontend. I was responsible for a small part of the web design. It's my first time using HTML and CSS. It was a big challenge to learn and use them in three days, but I gained a lot.

Wenqi Liao