- Frontend learning path Become a frontend React web developer by learning through interactive courses
- Backend learning path Become a backend developer by learning through interactive courses
- Full-stack learning path PopularBecome a full-stack web developer by learning through interactive courses
- Web 3.0 And Blockchain BetaStart your Web 3.0 journey building with ethereum, solidity, and more
Start a practice playground
Practice anything inside browser without any download/setup
Build a project
Build projects, get community feedback and gain confidence
Spotify Audio Player Clone
Open in IDE
Includes assets, JPG images of the design files, design files themselves and a basic style guide. There's also a README to help you get started.
Project Description
Your challenge is to build out a Quiz App and get it to look as close to the design as possible.
This project focuses on your Next.js and tailwindcss skills, but you can use any tools you like to help you complete the project. So if you've got something you'd like to practice, feel free to give it a go.
You have to implement a functional audio player similar to spotify where a user can play, pause, shuffle and repeat functionality. The users can also be able to view the songs Queue and playlists as well. The main intention of the project is not the user interface but the functionality to build an audio player.
Your projects should have the following functionalities
-
playing songs on clicking on them
-
ability to move between songs (forward and backward)
-
ability to change the volume
-
ability to shuffle the songs
-
ability to view the queue
You can go through the Readme.md to see more details regarding the project and the assets folder to see the preview images of the project for desktop and mobile viewports.
Get involved with the community
Join our discord server and share your feedbacks with others. Ask questions, help others and win prizes.
Check out the full-stack learning path to learn how to build such projects completely on your own.