https://github.com/carlosqsilva/yascc

Yet Another SoundCloud Client
https://github.com/carlosqsilva/yascc

indexeddb preact pwa redux styled-components

Last synced: about 1 month ago
JSON representation

Yet Another SoundCloud Client

• Host: GitHub
• URL: https://github.com/carlosqsilva/yascc
• Owner: carlosqsilva
• License: mit
• Created: 2018-01-09T00:15:24.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-07T11:33:51.000Z (about 2 years ago)
• Last Synced: 2024-11-02T10:34:12.268Z (about 2 months ago)
• Topics: indexeddb, preact, pwa, redux, styled-components
• Language: JavaScript
• Homepage: http://carlosqsilva.github.io/YASCC
• Size: 6.38 MB
• Stars: 35
• Watchers: 3
• Forks: 1
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Yet Another SoundCloud Client

![Captura de tela_2018-01-08_21-47-06 (1)](./screenshot.png)

See this application live at: [here](http://carlosqsilva.github.io/YASCC)

This application was bootstraped using [create-react-app](https://github.com/facebook/create-react-app), but instead of React was used [Preact](https://github.com/developit/preact/) A 3kb React alternative that works with the same ES6 API, together with [preact-compat](https://github.com/developit/preact-compat) a React compatibility layer for Preact. Also uses:

- Redux + Redux-thunk, to manage the application state and api calls.

- IndexedDB, to persist user created playlist.

- [Styled-components](https://github.com/styled-components) because why not 😎.

This application also can be considered a PWA(Progressive Web App) by using Service Worker to cache its assets and allow to be saved to the homescreen. Also...

- [Media Session API](https://developer.mozilla.org/en-US/docs/Web/API/Media_Session_API) to give a nice integration with android smartphones.

## Todo

- [x] Highlight the current music card.

- [ ] Add nice transitions between routes.

- [ ] Make it controllable by keyboard.

- [ ] Add a dark mode.

- [ ] Write tests.

## Contributions

Feel free to submit pull requests, create issues or spread the word

# License

[MIT License](./LICENSE) © [Carlos Silva](carloseng.com)