Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implemented Spotify UI #7

Open
wants to merge 18 commits into
base: main
Choose a base branch
from
Open

Implemented Spotify UI #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
b842d81
Dev:TailwindCSS setup
Src0p Feb 11, 2024
a4f79f4
Dev:components/NavigationComponent Almost done with the Navigation
Src0p Feb 11, 2024
049b8b8
Dev:components/NavLibraryComponent.tsx Working on it
Src0p Feb 11, 2024
2f82773
Dev:components/ Done with the Nav Library
Src0p Feb 11, 2024
3e7a6b7
Dev:components/ Navbar is almost done
Src0p Feb 11, 2024
e818d9a
Dev:Minor changes
Src0p Feb 11, 2024
6285115
Dev:components/ Home Page nav is done
Src0p Feb 11, 2024
4e1a20a
Dev:components/ Done with the signup banner
Src0p Feb 11, 2024
ce34e09
Dev:data.json Adding mock data and favicon
Src0p Feb 11, 2024
c49a1d9
Dev:SuggestionCard Almost done
Src0p Feb 11, 2024
d56fd2d
Dev:suggestionCard It is done now
Src0p Feb 11, 2024
77c813d
Dev:pages/search Setting up the search page
Src0p Feb 11, 2024
d1afbd8
Dev:SearchNav Almost done
Src0p Feb 12, 2024
9a8b102
Dev:Setting up the CategoriesContainer
Src0p Feb 12, 2024
42b4fc4
Dev:CategoriesContainer Done with it
Src0p Feb 12, 2024
d823943
Dev:CategoriesContainer
Src0p Feb 12, 2024
105cb70
Dev:Search page is almost done
Src0p Feb 12, 2024
789d9bb
Implemented Spotify Clone UI
Src0p Feb 12, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
59 changes: 59 additions & 0 deletions data.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
{
"SpotifyPlaylists": [
{
"title": "Today's Top Hits",
"description": "Benson Boone is on top of the Hottest 50!",
"imageUrl": "assets/sleep-1.jpeg"
},
{
"title": "Chillhop",
"description": "Blissed out beats and head nodding grooves",
"imageUrl": "assets/sleep-1.jpeg"
},
{
"title": "Jazz in the Background",
"description": "Soft Instrumental Jazz for all your activities",
"imageUrl": "assets/sleep-1.jpeg"
},
{
"title": "Calming Acoustic",
"description": "Keep calm with instrumental acoustic",
"imageUrl": "assets/sleep-1.jpeg"
},
{
"title": "big on the internet",
"description": "iykyk",
"imageUrl": "assets/sleep-1.jpeg"
}
],
"Sleep": [
{
"title": "Sleep",
"description": "Gentle Ambient piano to help you fall asleep.",
"imageUrl": "assets/sleep-1.jpeg"
},
{
"title": "DayDreamer",
"description": "Drift away with enthralling instruments",
"imageUrl": "assets/sleep-1.jpeg"
}
],
"Categories": [
{
"title": "Podcasts",
"color": "#ff0000"
},
{
"title": "Events",
"color": "#DA401F"
},
{
"title": "Hindi",
"color": "#204BEB"
},
{
"title": "Trending",
"color": "#EB2042"
}
]
}
4 changes: 2 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link rel="icon" type="image/svg+xml" href="/assets/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React + TS</title>
<title>Spotify - Web Player: Music for everyone</title>
</head>
<body>
<div id="root"></div>
Expand Down
Loading