About the project

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

Prerequisites

Cloning the Repository

$ git clone https://github.com/arcetros/doo-lyric

$ cd doo-lyric

Installing dependencies

$ yarn

or

$ npm install

Preparing For running

Change the environment variables on in /.env.development acccording to yours

NEXT_PUBLIC_GENIUS_API= <insert here>
NEXT_PUBLIC_MUSIC_URI= <insert here>

Run the application

npm run dev
# or
yarn dev

Built With

• 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