8000 GitHub - themisterkai/spotify-clone: A React app template to display albums. Features include a structured component hierarchy, design fidelity, hover effects, and responsive layouts. Clicking on albums or artists links to external URLs. Components provided; focus on data flow and UI interactions.
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

A React app template to display albums. Features include a structured component hierarchy, design fidelity, hover effects, and responsive layouts. Clicking on albums or artists links to external URLs. Components provided; focus on data flow and UI interactions.

Notifications You must be signed in to change notification settings

themisterkai/spotify-clone

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Music Releases

Project by @themisterkai, @emeliese, and @intehon

Getting Started with the Project

Dependency Installation & Startup Development Server

Once cloned, navigate to the project's root directory and this project uses npm (Node Package Manager) to manage its dependencies.

The command below is a combination of installing dependencies, opening up the project on VS Code and it will run a development server on your terminal.

npm i && code . && npm run dev

The Problem

For this project, we implemented a React app that displays Spotify album data. We implemented the project with all the intermediate and advanced stretch goals as well.

To implement some of the more advanced stretch goals, we also used useState, such as when showing or hiding our sidebar, or when indicating what header it should render based on what the user has selected.

View it live

https://phenomenal-arithmetic-829603.netlify.app/

About

A React app template to display albums. Features include a structured component hierarchy, design fidelity, hover effects, and responsive layouts. Clicking on albums or artists links to external URLs. Components provided; focus on data flow and UI interactions.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 65.7%
  • CSS 30.6%
  • HTML 3.7%
0