Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aashrafh/lyricize

SPA where you can search for song lyrics. Built using React Hooks, Context API, React Router, Font Awesome, and Bootstrap.
https://github.com/aashrafh/lyricize

bootstrap context context-api font-awesome fontawesome hooks react react-hooks react-router reactjs spa spinner

Last synced: 22 days ago
JSON representation

SPA where you can search for song lyrics. Built using React Hooks, Context API, React Router, Font Awesome, and Bootstrap.

Host: GitHub
URL: https://github.com/aashrafh/lyricize
Owner: aashrafh
License: mit
Created: 2020-06-27T17:58:04.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2023-01-05T14:34:07.000Z (almost 2 years ago)
Last Synced: 2024-10-04T22:28:10.198Z (about 1 month ago)
Topics: bootstrap, context, context-api, font-awesome, fontawesome, hooks, react, react-hooks, react-router, reactjs, spa, spinner
Language: JavaScript
Homepage:
Size: 5.01 MB
Stars: 3
Watchers: 2
Forks: 0
Open Issues: 9
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        


  

 



 Lyricize Any Track.

    
 





  

        

  

   

        

  

  

        

        

  

        

        

  

        



---

## 📝 Table of Contents

- [About](#about)

- [Demo](#demo)

- [Install](#Install)

- [Built With](#tech)

## 🧐 About 

SPA where you can search for song lyrics. Built using React Hooks, Context API, React Router, Font Awesome, and Bootstrap.

## 🎥 Demo



  

  

    

    

    

    

  

  


## 🏁 Install 

1. Install [Node.js](https://nodejs.org/en/) and [Visual Studio Code](https://code.visualstudio.com/).

2. Open the folder in Visual Studio Code.

3. Open a terminal (Terminal > New Terminal).

4. Run `yarn` . If it failed for any reason, try again.

5. Run `yarn start` .

**Note:** you can use npm. Then replace `yarn` with `npm install` and `yarn start` with `npm start`.

## ⛏️ Built Using 

- [React](https://reactjs.org/)

- [Context API](https://reactjs.org/docs/context.html)

- [React Router](https://github.com/ReactTraining/react-router)

- [Font Awesome](https://fontawesome.com/)

- [Bootstrap](https://getbootstrap.com/)

- [Musixmatch API](https://developer.musixmatch.com/)