How I Built a Music Player to Showcase my own Tracks 🎵😍

Developer Tools Code Collaboration Javascript UI Libraries

Vercel Landing Page
1

Vercel

Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration.
Pricing:
- Official Pricing
From now on, every time you will push an update to GitHub, it will be automatically re-deployed on the Vercel, meaning your audio player will be in sync with the code on the GitHub.

#Developer Tools #Web Development Tools #App Deployment 519 social mentions
React Landing Page
2

React

A JavaScript library for building user interfaces
Pricing:
- Open Source
To get started with a boilerplate, we will use Create React App, which is an officially supported CLI tool, that lets you create a new ReactJS project within a minute or less.

#Javascript UI Libraries #JS Library #JavaScript Framework 775 social mentions
Icons8 Landing Page
3

Icons8

Free app for Mac & Windows already containing 39,800 icons. Allows to search and import icons…
Pricing:
- Official Pricing
Alternatively, you can download your own icons on websites like flaticon.com or icons8.com. Just make sure you rename them the same as in the download pack above.

#Web Icons #Icon Fonts #Vector Icons 55 social mentions
Hashnode Landing Page

4

Hashnode

A friendly and inclusive Q&A network for coders

In April 2022, I saw a Writeathon being announced by Hashnode and one of the entrance categories being Web applications. I knew this was a perfect opportunity to enter and finally get the job done. I'm glad I stumbled upon it since it really motivated me.

#Web App #Social Media Tools #Software Engineering 120 social mentions
GitHub Landing Page
5

GitHub

Originally founded as a project to simplify sharing code, GitHub has grown into an application used by over a million people to store over two million code repositories, making GitHub the largest code host in the world.
Pricing:
- Open Source
- Official Pricing
From now on, every time you will push an update to GitHub, it will be automatically re-deployed on the Vercel, meaning your audio player will be in sync with the code on the GitHub.

#Code Collaboration #Git #Version Control 2033 social mentions
Google Fonts Landing Page
6

Google Fonts

Making the web more beautiful, fast, and open through great typography
Pricing:
- Open Source
If you want to use any other font families, feel free to choose some alternatives in Google fonts. There are tons of fonts to choose from, just make sure to replace them in the style sheets where they will be used in the project.

#Fonts #Web Fonts #Free Fonts 335 social mentions