https://github.com/tejaswinit167/spotify_clone

Designed the Front-end Clone of the Spotify User Home Page using simple HTML and CSS, inspired from the official Spotify Website.
https://github.com/tejaswinit167/spotify_clone

Last synced: about 1 month ago
JSON representation

Designed the Front-end Clone of the Spotify User Home Page using simple HTML and CSS, inspired from the official Spotify Website.

• Host: GitHub
• URL: https://github.com/tejaswinit167/spotify_clone
• Owner: TejaswiniT167
• Created: 2024-05-02T07:41:19.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-05-02T13:04:42.000Z (9 months ago)
• Last Synced: 2024-05-03T00:50:18.958Z (9 months ago)
• Language: HTML
• Size: 444 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Spotify Clone

## Overview

I designed a front-end clone of the Spotify User Home Page, using only HTML and CSS, to replicate the clean and user-friendly interface of the official Spotify website. This project was created as a way to practice and demonstrate my front-end development skills, focusing on CSS grid and flexbox to ensure the layout was both responsive and visually appealing.

The goal was to closely mimic the design elements and functionality seen on Spotify's actual home page without making the clone interactive. This included the navigation bar, main content area with featured playlists, and the footer section. Special attention was given to the color scheme and typography to keep the visual experience as authentic as possible.

Through this project, I refined my ability to translate visual designs into code, enhancing my understanding of CSS styling and HTML structure. It served as a valuable exercise in applying basic web development principles to recreate a popular and commercially successful user interface.

## Setup

To get this project running on your local machine, follow these steps:

1. **Clone the Repository:**

   `git clone https://github.com/TejaswiniT167/Spotify_Clone.git`

2. **Navigate to the Project Folder**

3. **Open `index.html`** Open the file in any web browser to view the project.

## Features

- **Static Webpage:** Mimics the Spotify home page using basic HTML and CSS.

- **Responsive Design:** Ensures the layout adapts to different screen/View Port sizes to a certain extent.