Welcome! 👋

Spotify Clone Page

This is a Clone Page.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
• Author

Overview

The challenge

Users should be able to:

• View the optimal layout for the site depending on their device's screen size
• See hover states for all interactive elements on the page

Screenshot

Links

• Live Site URL: spotify clone page

My process

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Built with

• Git & Github.
• NPM.
• React.js
• Next.js
• Flexbox.
• Grid.
• JavaScript.
• Styled Components - For styles
• Desktop-first workflow.

What I learned

• Apply responsive design for any device.
• Apply flexbox and grid with TailwindCSS.
• Components.
• use Link, Image, useState.

Continued development

The objective is:

• Improve the practice of styles with flexbox and grid.
• Increase knowledge in React.JS.

Author

• Website - LiwGAr

I've just completed a front-end coding! 🎉

Any suggestions on how I can improve are welcome!