Code Monkey home page Code Monkey logo

jammming's People

Contributors

craftykate avatar

Watchers

 avatar  avatar

jammming's Issues

Caveats

I think the best of both worlds would be to clear the input area after every search but display in the Results column the search term used.

This is a pretty sound conclusion. Often times, the best UI is the most minimal UI.

That being said, a clear form icon/button would be pretty minimal and maybe offer the user more control. Is it worth it?

There are no objectively right or wrong approaches, just different tradeoffs to consider and you're definitely doing your due diligence and thinking about this problem thoroughly πŸ‘

Some issues are popping up.

So first a couple screenshots

jamming

Console Errors below

2

The first one is the more important one. I had notice that you are using

scope=playlist-modify-private

The problem here is that you need additional scoping in this case.

authorize_-_spotify

playlist-read-private

https://developer.spotify.com/web-api/using-scopes/

I don't see that being requested and I think that it is needed.

The project was built with the idea that

playlist-modify-public would be used because there is no additional scoping needed since public playlists are meant to be open to all.

Summary

Overall met expectations.

Interesting that you made separate functions for the fetch Get and the fetch Post requests. Good job in doing that, I think it is clearer in some regards.

Code overall was well structured and readable. I saw no major issues. The issue I did mention is a common one when using private playlists.

Technical design

Include inside App.search():
sessionStorage.setItem("inputSearch", searchTerm);

Excellent job researching a (possibly) new, unfamiliar API. This skill will take you far as a developer πŸ”₯

If there’s no access token the window will redirect, the new url will contain the access token, and the App component will mount again. If there is a valid access token the App component will not mount again. So it makes sense to check to see if the window has been redirected only after the App component has mounted.

Impressive use of React's lifecycle methods here! πŸ’―

You're demonstrating quite the intuition for using your available tools creatively. Keep it up! πŸ‘

Objective

The app should remember the search term inputted by the user so it can automatically perform the search if the screen has been redirected on login.

This is a great feature to propose πŸ‘

Any feature that saves a user time and helps them achieve their purpose more easily is worth proposing and implementing.

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.