GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → carlosqsilva → YASCC

carlosqsilva / YASCC

Licence: MIT license
Yet Another SoundCloud Client

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Labels

reduxpwapreactstyled-componentsindexeddb

Projects that are alternatives of or similar to YASCC

desvg
🌅 Converts SVG files into components 🌞
Stars: ✭ 79 (+163.33%)
Mutual labels:  preact, styled-components
Design System Utils
👩‍🎨 Access your design tokens with ease
Stars: ✭ 465 (+1450%)
Mutual labels:  preact, styled-components
stoxy
Stoxy is a state management API for all modern Web Technologies
Stars: ✭ 73 (+143.33%)
Mutual labels:  preact, indexeddb
mediocre-pictures
Helping you take mediocre pictures, hands-free. 📷🙆🏻🙅🏾💁🏼📸
Stars: ✭ 16 (-46.67%)
Mutual labels:  preact, styled-components
Scoped Style
A tiny css in js library 🚀
Stars: ✭ 129 (+330%)
Mutual labels:  preact, styled-components
Styled Components Website
The styled-components website and documentation
Stars: ✭ 513 (+1610%)
Mutual labels:  preact, styled-components
Styled Breakpoints
Simple and powerful tool for creating breakpoints in styled components and emotion. 💅
Stars: ✭ 428 (+1326.67%)
Mutual labels:  preact, styled-components
Filbert Js
A lightweight(~1kb) css-in-js framework
Stars: ✭ 167 (+456.67%)
Mutual labels:  preact, styled-components
React Ssr Starter
All have been introduced React environment
Stars: ✭ 20 (-33.33%)
Mutual labels:  preact, styled-components
Nyancss
🌈 Write plain CSS while reaping benefits of CSS-in-JS
Stars: ✭ 544 (+1713.33%)
Mutual labels:  preact, styled-components
Goober
🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar API
Stars: ✭ 2,317 (+7623.33%)
Mutual labels:  preact, styled-components
Styled Loaders
Loaders Built with Preact and Styled Components
Stars: ✭ 212 (+606.67%)
Mutual labels:  preact, styled-components
react-text-toxicity
Detect text toxicity in a simple way, using React. Based in a Keras model, loaded with Tensorflow.js.
Stars: ✭ 38 (+26.67%)
Mutual labels:  preact
wendel.dev
My personal website and blog about software development, bleeding edge and open source 🔥
Stars: ✭ 65 (+116.67%)
Mutual labels:  styled-components
cljs-styled-components
ClojureScript wrapper for styled-components
Stars: ✭ 43 (+43.33%)
Mutual labels:  styled-components
json-formatter
An extensible JSON Viewer, Editor, Formatter, Validator based on Monaco Editor
Stars: ✭ 41 (+36.67%)
Mutual labels:  styled-components
react-toolbox-airbnb
An Airbnb DatePicker implementation using React Toolbox Core and Styled Components 💅
Stars: ✭ 40 (+33.33%)
Mutual labels:  styled-components
foliage
🍃 Style your components with performance
Stars: ✭ 29 (-3.33%)
Mutual labels:  styled-components
bemto-button
Foundation for complex reusable buttons in React
Stars: ✭ 18 (-40%)
Mutual labels:  styled-components
react-native-ecommerce
E-commerce mobile application developed using React Native 👔 🎩
Stars: ✭ 60 (+100%)
Mutual labels:  styled-components
View All Similar Projects ➔

Yet Another SoundCloud Client

Captura de tela_2018-01-08_21-47-06 (1)

See this application live at: here

This application was bootstraped using create-react-app, but instead of React was used Preact A 3kb React alternative that works with the same ES6 API, together with 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 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...

Todo

  • 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 © Carlos Silva

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].