📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Usage
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 Artist Metrics Webapp

Artist Metrics Webapp is a web application that fetch data from last.fm API, it lets the user:

• Display a list Top Artists
• Filter views based on an artist
• Display Top albums for each artist
• Display Top tracks for each artist
• Search for a particular artist

🛠 Built With

Tech Stack

Client

• HTML
• CSS
• Javascript

Server

• WebPack
• Node js
• React
• Redux

Database

• N/A

Key Features

• Display a list Top Artists
• Filter views based on an artist
• Display Top albums for each artist
• Display Top tracks for each artist
• Search for a particular artist

👆

🚀 Live Demo

You can watch the demonstration video here! --> https://drive.google.com/file/d/1sZT1K2rI48kFH2xp8rP98e7Ddyas6qRJ/view?usp=share_link

You can enter to the live version here! --> https://artist-metrics-webapp.onrender.com/artist-metrics-webapp

👆

💻 Getting Started

To run the project locally, follow these steps.

Prerequisites

In order to run this project you need to:

• Install Git
• Install Node
• Install a code editor, I suggest VsCode

Setup

Clone the repo into your local machine:

git clone git@github.com:jaimevillegas/artist-metrics-webapp.git

Install the dependencies using npm:

npm install

Usage

To start the development server run

npm run start

• this command will start the development server on localhost:8080 address

To create and optimized production build run

npm run build

• this command will create a bunduled chunks of code inside dist/ folder

Run tests To run tests, run the following command:

Example command:

Run "npm run test"

Deployment

This site is deployed using OnRender

👆

👥 Authors

👤 Jaime Villegas

• GitHub: @githubhandle
• Twitter: @jaimevillegazz
• LinkedIn: Villegas0296
• Medium: @jaimevillegas296

👆

🔭 Future Features

• Add images
• Add Tags for each artist
• Display by genre

👆

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

👆

⭐️ Show your support

If you like this project leave a start for it.

👆

🙏 Acknowledgments

Original design idea by Nelson Sakwa on Behance.

I would like to thank Microverse for helping us in the journey to become a Fullstack developer 🌹

👆

📝 License

This project is MIT licensed.

👆