Code Monkey home page Code Monkey logo

playlistr's Introduction

Hi there ๐Ÿ‘‹

  • ๐Ÿ”ญ Iโ€™m currently working on Playlistr, A NextJS application that lets you manage Spotify playlists.
  • ๐Ÿ“ซ How to reach me: [email protected]
  • ๐Ÿ˜„ Pronouns: he/him
  • ๐Ÿญ Currently working as a front end developer at Amiqus

Typescript, Svelte, React, Vue, CSS, Tailwind

Check out my portfolio here

image

playlistr's People

Contributors

alextana avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

playlistr's Issues

Add search functionality on mobile

Search functionality on mobile needs to be added

The main idea is to have a bottom bar where you can switch between Home / Search / Playlists as a navigation tool, mostly because the right bar is not present.

Search on mobile will be full screen and can let the user add a song to a playlist similar to what happens on desktop but will probably use a context menu instead of a modal

Add infinite scroll on recommendations

Very annoying to have to reshuffle everytime, can probably have a system in place that as you scroll gets rid of the songs you left at the top (if you scrolled past a certain amount of tracks then it's likely you don't want to add them to your playlist)

gotchas:

  • Make sure duplicates aren't added, so I could fetch the recommendations and check against what I have, appending only the new ones
  • Make sure the list is never too big to be browsed, the point of this enhancement is to make it super convenient to use

Also think of a way to make this more user friendly on mobile, the current solution isn't exactly great

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.