Portfolio


Contents

LyricsFinder

Full-stack
Web development
Javascript
ReactJS
Material-UI
Redux
RESTFUL API
Python
Flask


About
LyricsFinder is a recent web app that I created to not just demonstrate my skill with working with external APIs, but also to improve my overall confidence with developing enterprise grade softwares.

It heavily utilizes the Spotify API and the Genius API, along with a series of complex algorithms to search for songs in a user's playlist.

I even made the whole project open source so that other developers can criticize my work and assist me in improving even further as a software developer.

You can check out the Github repos:

  1. Python CLI
  2. Flask Backend
  3. Typescript Frontend

How it works
Firstly, it uses the Genius API's search endpoint to search for lyrics. It then goes through all the results and ranks them based on how likely it is that the lyrics retrieved is actually the song.

After the lyrics has been retrieved, the server returns the results following REST API protocols.

The frontend client fetches the results using the fetch API. It then parses the results and pushes it to the React virtual DOM via Material-UI styling. After that, react takes care of the UI rendering.

You can try out the web app for yourself here .

Mohammad Arafat Zaman © 2024


All rights reserved