Lyricist is a React-based web application for querying and displaying song lyrics while simultaneously allowing the user to view and, if they choose, play top Youtube results for the queried song.
This application was developed with musicians in mind. A member of the development group came up with the concept for this application based on his own utilization of lyrics sites and related problems with them. The site is intended for a musician to able to easily view lyrics while simultaneously listening to the song via youtube.
User should be able to:
- Search for a song of their choice;
- Receive lyrics and top youtube hits for the song;
- Be able to easily scroll through lyrics while page remains static;
- Simultaneously be able to scroll through lyrics and watch youtube video; and
- Select alternate videos if warranted.
Components of the application include:
- Front-end developed using React.js
- Back-end & lyrics API developed using Express and MongoDB
- Use of our own lyrics API and youtube API
Technologies used to create this application include:
- React.js
- MongoDB
- Mongoose
- Bootstrap
- axios
- CORS
"Wireframe" 1:
"Wireframe" 2:
