emilyannemoses / dashboard-react Goto Github PK

-How to get up and running
-How to create and fix issues
-Links to all dependencies

• Center 'Go to settings to log into Spotify' link on the Home page (off center on large and small screens

• On Settings page, when screen is small, make the Spotify login button as big as the other items on the page

• On Settings page, create a 'title' for the Spotify section as well like 'Log In to Your Spotify Premium Account' and change the button to just say "log in"

• Center the entire widget on the home screen on all screen sizes (might have to use calc() function: https://css-tricks.com/keep-math-in-the-css/)

• Float the body text of About page to the left instead of right

• Change weather text on Home page to say something like "Either your browser's location is turned off or something else went wrong" in red font

• Put small arrows to the left of "go to settings to edit calendar" and "go to settings to log into Spotify" will show they're links better. Or make them underlined?

• Put a light gray or blue background on the input fields of the Contact page, it renders differently on different devices

• Make to-do list add item button smaller

• Fix font for to-do list input and add item button (esp on Windows/browsers other than Chrome)

Make the time component change minutes when the minute turns. Right now you have to refresh the page to get the current time.

Make Spotify title and artist update when the user changes the song

This is so the user can get their token automatically from logging into their Spotify account thru my interface, they won't have to go to the external Spotify link and copy/paste their token every time.

Save location in local storage so that the browser doesn't have to ask every time the user navigates back to the Home page

There's a Chrome browser warning:

It is recommended that a robustness level be specified. Not specifying the robustness level could result in unexpected behavior.

Setting the robustness level of the Spotify player will make it go away.

Saving the calendar link isn't working, it clears out instead of adding a link to the Home page.

Start using the production build of React in the deployed web app: https://reactjs.org/docs/optimizing-performance.html#use-the-production-build

https://medium.com/google-cloud/how-to-deploy-a-static-react-site-to-google-cloud-platform-55ff0bd0f509

The Play and Pause conditional isn't rendering on click, will have to change it in state as opposed to the janky way I'm doing it now

For screens under 1000px in width, completely redo the grid so everything is stacked.

When a song comes to an end and another one starts, the old song's title and artist remain on the page. Need to dynamically update this.

When you pause Spotify and navigate to the Settings tab, it auto plays again. Stop that from happening until the user presses the "Play" button in the Music.js component on the Home screen again.