SoundWrite Full-stack web application

What is Soundwrite?

SoundWrite is a web application that was made to assist the user in taking notes on audiobooks. This project is being developed to address the issue of quality education which is part of the United Nations Sustainability Development Goals. Audiobooks are a vital educational tool for people with learning disabilities such as dyslexia. Although there are various audiobook providers out there, Soundwrite’s main focus was on the educational side of things which created a strong emphasis around the note-taking element.
Key features :

• Take notes as you are going through an audiobook.
• Able to skip to the part of an audio when you click on the note taken.
• Organise notes according to the audiobook you read!

The technical stuff

Back-end

For the back-end we utilize Java Spring boot coupled with Azure cloud services. We also use Spring security for the login flow using JWT authentication. Each time a user logs in, a new token is generated and stored in the user's cache. Once this token is stored, it is sent to the back end using a post request via Axios. This returned the user's data. How difficult was this? .... Very, considering it was my first big project (like most of my team), and having to create a complicated full-stack application from scratch was extremely challenging.

Front-end

For the front-end we used React. As we found out, using React and Spring Boot together isn't the most popular combination with online resources which made things extremely difficult as there wasn't much content out there to aid us. However, React as a front-end framework proved extremely versatile and we were able to have a sleek user-friendly UI.

The end product