chillypopper-react

KO | EN

gitlite — search

#typescript #ai-agents #ai #dsh-plugin #deepseek-harness #open-source #claude-code #codex #cli #developer-tools #react #windows

chillypopper-react

★ 37 Open GitHub ↗

A beautiful PWA music player built using React that plays copyright free chillpop songs!

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<br />
<div align="center">
  <a href="https://github.com/priyanshu-bharti/chillypopper-react">
    <img src="icon.png" alt="Logo" width="80" height="80">
  </a>

<h3 align="center">Chillypopper - A React Music Player</h3>

<p align="center">
    This is just a simple web app that plays some free to play chillpop lofi songs.
    <br />
    <br />
    <a href="https://chillypopper.netlify.app">View Demo</a>
    ·
    <a href="https://github.com/priyanshu-bharti/chillypopper-react/issues">Report Bug</a>
    ·
    <a href="https://github.com/priyanshu-bharti/chillypopper-react/issues">Request Feature</a>
  </p>
</div>

<details>
  <summary><b>Table of Contents</b></summary>
  <ol>
    <li>
      <a href="#about-the-project">About The Project</a>
      <ul>
        <li><a href="#built-with">Built With</a></li>
      </ul>
    </li>
    <li>
      <a href="#getting-started">Getting Started</a>
      <ul>
        <li><a href="#prerequisites">Prerequisites</a></li>
        <li><a href="#installation">Installation</a></li>
      </ul>
    </li>
    <li><a href="#contributing">Contributing</a></li>
    <li><a href="#license">License</a></li>
    <li><a href="#contact">Contact</a></li>
  </ol>
</details>

## About The Project

[![Chillypopper][product-screenshot]](https://example.com)

This was a weekend project that I created while learning the popular javascript framework, React. Feel free to fork this project and add your own stuff to it.

### Built With

- [React.js](https://reactjs.org/)
- [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)
- [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)
- [JS](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

## Getting Started

Follow these steps to install the project on your local system.

### Prerequisites

Clone the repository

```sh
git clone https://github.com/priyanshu-bharti/chillypopper-react.git
```

### Installation

1. Install the missing npm packages using the following command
   ```sh
   npm install
   ```
2. Start the project from the root of the directory
   ```sh
   npm start
   ```

## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this project better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

## License

Distributed under the MIT License. See `LICENSE.txt` for more information.

## Contact

Priyanshu's Email - [priyanshub25@gmail.com](mailto:priyanshub25@gmail.com?subject=Github%20%7C%20%3CPlease%20enter%20your%20subject%20here%3E&body=%3CPlease%20Write%20your%20message%20here.%3E) - Click on this link to quickly send an email.

Link: [Live Demo of the Web App](https://chillypopper.netlify.app)

[contributors-shield]: https://img.shields.io/github/contributors/github_username/repo_name.svg?style=for-the-badge
[contributors-url]: https://github.com/github_username/repo_name/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/github_username/repo_name.svg?style=for-the-badge
[forks-url]: https://github.com/github_username/repo_name/network/members
[stars-shield]: https://img.shields.io/github/stars/github_username/repo_name.svg?style=for-the-badge
[stars-url]: https://github.com/github_username/repo_name/stargazers
[issues-shield]: https://img.shields.io/github/issues/github_username/repo_name.svg?style=for-the-badge
[issues-url]: https://github.com/github_username/repo_name/issues
[license-shield]: https://img.shields.io/github/license/github_username/repo_name.svg?style=for-the-badge
[license-url]: https://github.com/github_username/repo_name/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/linkedin_username
[product-screenshot]: Cover.png

chillypopper-react

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README