abacaxiguy / spotify-clone

🎢 A Spotify clone made with TailwindCSS 🌊

Home Page:https://spotify-clone-abacaxiguy.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


Spotify Logo

🎢 Spotify clone, using Next.js and Tailwind CSS 🌊

Last Commit Github Issues Follow Me



🌎 Online!

This project is online at this moment! So you can go and check it out without having to clone the repo! πŸš€
Deploy made with Vercel πŸ”Ό.


⚠ Disclaimer (updated)

Currently this project it's only frontend, so it's not possible to actually play any song or playlist. It's just a clone of the Spotify's UI. (for now...)

UPDATE:

Spotify's UI just changed it's design in desktop apps, so if this project turn into a full clone, it will be the old UI. I'm still thinking about it, but I think it's better to keep it as it is, since it was a good practice on Next.js and Tailwind CSS and updating it to the new UI would just be the same thing, but with a different design.


πŸ§ͺ Technologies

This project was developed using the following technologies:


πŸš€ Usage

To run this in your local machine, clone this repo and run the command:

  # Installing dependencies
  pnpm install

installing all dependencies. After that, just start:

  # Starting project
  pnpm dev

And it will appear on http://localhost:3000.


πŸ™ Credits

Obviously the actual credits for the design belongs to the Spotify team, but the idea for building this with Next.js and Tailwind was inspired by the Rocketseat's Spotify video, so s/o to @diego3g and the whole Rocketseat team.


🀝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page.


πŸ“œ License

Copyright Β© 2023 JoΓ£o Lucas.
This project is licensed under the MIT license.


Developed by 🍍

About

🎢 A Spotify clone made with TailwindCSS 🌊

https://spotify-clone-abacaxiguy.vercel.app

License:MIT License


Languages

Language:TypeScript 89.7%Language:JavaScript 7.1%Language:CSS 3.2%