On this project I implemented what I have learned in React Complete Guide by Maximilian Schwarzmüller from first section up to "Sending http requests" section.
I built this website which allow the users to fetch any song lyrics from Genius by querying artist name or song title (using Deezer API). However, I'm aware that this project still leaves room for improvement, and I will be adding those lacking features in the future.
Try it out the live demo of this project !
Inspired by Sing-Watch from João Gabriel
Cloning the Repository
$ git clone https://github.com/arcetros/doo-lyric
$ cd doo-lyric
Installing dependencies
$ yarn
or
$ npm install
Change the environment variables on in /.env.development acccording to yours
NEXT_PUBLIC_GENIUS_API= <insert here>
NEXT_PUBLIC_MUSIC_URI= <insert here>
npm run dev
# or
yarn dev
- React - A JavaScript library for building user interfaces
- Next.js - The React Framework
for Production - Axios - HTTP Client
- ESlint - Linter
- Prettier - Code Formatter
- Babel - JavaScript Compiler
- react-icons - Icons Library
- genius-lyrics-api - Lyrics fetcher
- TailwindCSS - CSS framework