harmandeep@berkeley.edu

Stanza

WebApp, MobileApp, and BackEnd

Overview

Stanza is a dynamic music discovery app designed to provide users with captivating bite-size lyrics. With Stanza, users can explore intriguing snippets of lyrics, share their favorite lines with friends, and conveniently add them to their personal favorites collection. The app connects with popular music streaming platforms, allowing users to seamlessly transition from discovering lyrics to enjoying the full song on their preferred streaming service.

Get it on Google Play

React Native

React

React Router

Redux

GraphQL

MongoDB

Material UI

Spotify API

Genius API

Web App and Back End

The web app was developed to provide administrators with a streamlined interface for organizing songs and categorizing lyrics based on genre, category, and decade. The user interface was meticulously designed to ensure a fluid and intuitive experience, allowing administrators to efficiently sift through songs and identify relevant lyrics. The newly developed web app significantly boosted content output by over 200% compared to the client's previous admin tool.

The back end of the project was designed to serve both users of the mobile app and administrators of the web app. The mobile app enhanced users' experience and engagement by allowing users to favorite and flag songs. For administrators, the web app leveraged back end endpoints to enable seamless management of lyric items including adding, editing, deleting, and viewing functionality.

Notable Features

  • Designed the architecture between the web app, back end, and mobile app
  • Implemented robust user authentication system to support multiple admins
  • Created a comprehensive dashboard to display database analytics
  • Established seamless integration with Spotify and Genius APIs, enabling admins to easily access and add content to the database
  • Provided essential CRUD (Create, Read, Update, Delete) functionality for lyric items
  • Implemented GraphQL as the back-end technology to efficiently handle all data requests
  • Devised a cost-effective (free) mechanism to push updates for the application
  • Ensured secure storage of API keys within the back-end infrastructure

Phone App

The Stanza mobile app presents users with bite-size lyrics through a captivating Tinder-style interface. Users have the ability to engage with each lyric by liking, sharing, and seamlessly connecting it to their preferred streaming service. Furthermore, the app offers a range of customization options, including multiple UI themes and adjustable text sizes.

Notable Features

  • MongoDB (Realm) utilized as a local database for content storage
  • Seamless integration with back-end functionality to enable favoriting and flagging of lyrics
  • Native share functionality for effortless sharing of beloved songs
  • Direct links to listen to songs on preferred music streaming apps
  • Diverse selection of themes and customizable text sizes
  • Explicit lyric filtering and notifications for enhanced user experience