This is a Next.js project bootstrapped with create-next-app
.
This site is currently deployed, but is still being actively worked on. The site can be found at this link:
- Typescript
- React
- TailwindCSS
- SupaBase
This spotify clone uses some mp3s provided through SlipStream.
See below for some screenshots of the landing page
The entire site is built to be responsive to the size of the current site window, this can be seen below:
The landing page has a login button in the upper right hand corner that can be used to log in with github or with an email.
A user can 'like' a song by pressing the heart icon next to the song, and the song will be added to their 'liked songs' playlist:
The user can also search for an individual song on the search page.
Making this application was an incredibly insightful learning experience. Learning React is a bit of a slog with lots of new concepts for a new developer like myself. So working on this felt like a great way to familiarize myself with the concepts of using tools like useState and useEffect more effectively.