Capstone-M2-JS

KO | EN

gitlite — search

#javascript #react #typescript #llm #go #linux #macos #nodejs #java #windows #vue #security #openai #open-source

(★ 13)

This project is a Web application based on an external API. The API provides data about music (including artists, albums, etc) that users can access on-demand. This project was built with ES6, HTML and CSS and it is a SPA.

Capstone-M2-JS Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![](https://img.shields.io/badge/Microverse-blueviolet) ![](https://img.shields.io/badge/-HTML-orange) ![](https://img.shields.io/badge/-CSS-blue) ![](https://img.shields.io/badge/-JavaScript-yellow) ![](https://img.shields.io/badge/-webpack-ABC9FF)

# Capstone M2: Music App
> This project is a Web application based on the music API [Napster](https://developer.prod.napster.com/api/v2.2#images-apis) built with ES6, HTML and CSS and it is a SPA. This API provides data about music (including artists, albums, etc) that users can access on-demand.

![](https://raw.githubusercontent.com/karlavdelgadof/Capstone-M2-JS/dev/app-home.png)

## Built With :hammer_and_wrench:

- **HTML/CSS & JS best practices:** Correct use of tags, elements, properties and syntax.
- **GitHub flow:**  Correct use of Branches for deployment and features development.
- **Linters Check:** Local and Pull Request check for errors, bugs and stylistic errors in code.
- **Webpack:** Bundler form JavaScript files for usage in a browser.
- **Jest:** A Testing Framework for JavaScript.

## Live Demo :arrow_forward:

[BeatVox App](https://karlavdelgadof.github.io/Capstone-M2-JS/dist)

## Presentation video link:
[Team project presentation](https://drive.google.com/file/d/12CNcQwnGTpxRR0-b8-j1QxFcF7ZQf-cA/view?usp=sharing)

## Set Up Guide :page_facing_up:

1. Use the following link for "$ git clone" the repo: https://github.com/karlavdelgadof/Capstone-M2-JS.git

cd Leaderboard

2. "npm install" to install all the dependencies

3. "npm start" to run the live version locally

4. "code ." To open the project on your local editor

5. Please click on the "acess link" so you can view the live demo

6. You can use the input button for inserting new User/Scores

7. Click on the "refresh" button so you can show all the new user/scores

## Authors :writing_hand:

:woman_technologist:  **Karla Delgado**

- GitHub: [@karlavdelgadof](https://github.com/karlavdelgadof)
- Twitter: [@karlavdelgadof](https://twitter.com/karlavdelgadof)
- LinkedIn: [Karla Delgado](https://www.linkedin.com/in/karla-delgado-613a32239/)

:man_technologist: **Francis Wayungi**

- GitHub: [@githubhandle](https://github.com/wayungi)
- Twitter: [@twitterhandle](https://twitter.com/FrancisWayungi)
- LinkedIn: [LinkedIn](https://linkedin.com/in/francis-wayungi-3aa626231)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Acknowledgments

- Data/Content by [Napster](https://developer.prod.napster.com/api/v2.2#images-apis)

## Show your support

Give a ⭐️ if you like this project!

## 📝 License

This project is [MIT](./MIT.md) licensed.

Capstone-M2-JS

Capstone-M2-JS Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Capstone-M2-JS

Capstone-M2-JS Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README