How I Built A Web Development Challenges Website With $0

Developer Tools Javascript UI Libraries JavaScript Framework

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.

Website Hoisting: I hosted my website on Vercel, which is a static website hosting service. It's really easy to use and costs me $0 per month.

#Developer Tools #Web Development Tools #App Deployment 527 social mentions
Tailwind CSS Landing Page
2

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
CSS Framework: I chose to use TailwindCSS, which is a utility-first CSS framework.

#Developer Tools #Design Tools #Website Design 870 social mentions
React Landing Page
3

React

A JavaScript library for building user interfaces
Pricing:
- Open Source
Frontend: I used ReactJs for the frontend of the website.

#Javascript UI Libraries #JS Library #JavaScript Framework 775 social mentions
Font Awesome Landing Page
4

Font Awesome

Font Awesome makes it easy to add vector icons and social logos to your website. And version 5 is redesigned and built from the ground up!
Pricing:
- Open Source
Icons/Illustrations: I chose to use Font Awesome & Pixeltrue. It costs me $0 because both provide free Icons and Illustrations.

#Web Fonts And Design Assets #Vector Icons #Icon Fonts 127 social mentions
Firebase Landing Page

5

Firebase

Firebase is a cloud service designed to power real-time, collaborative applications for mobile and web.

Backend: I used Firebase for the backend. It's easy, reliable, fast and costs me $0 because I went with the free plan!

#Developer Tools #App Development #Backend As A Service 248 social mentions
GitHub Student Developer Pack Landing Page

6

GitHub Student Developer Pack

The best developer tools, free for students.

Whether you're shipping a single page app or building a multi-page site, cross-browser testing is an essential thing to do before shipping the app to production. I used BrowserStack to test my React App on different devices and browsers. I got this tool for free from Github Student Developer Program.

#Developer Tools #Tech #Education 194 social mentions
Cloudinary For Video Landing Page

7

Cloudinary For Video

Cloud Video Management Solution, Made For & By Developers

Images & Files Hoisting: I used Cloudinary to host images and files for my website, it's a cloud-based image management solution that allows me to host, manage, and serve the images and files for my website. It costs me $0 because I decided to go with their free tier which is more than enough for my project as of now.

#Developer Tools #Javascript UI Libraries #Runtime 112 social mentions