4 Projects every self taught web developer needs to build.

Developer Tools Website Monitoring Blogging

Tailwind CSS Landing Page
1

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
Here we will build a Single Page Application with any front-end framework of your choice, React, VueJS, Angular. It doesn't matter. What’s important here is design and SPA fundamentals. Try and take the time to design the UI yourself and build it with a CSS framework such as Tailwind CSS.

#Developer Tools #Design Tools #Website Design 870 social mentions
Medium Landing Page
2

Medium

Welcome to Medium, a place to read, write, and interact with the stories that matter most to you.
Pricing:
- Open Source
#Blogging #Blogging Platform #CMS 2211 social mentions
Firebase Landing Page

3

Firebase

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

What you will build is a movie database lookup. The app will feature a real time search for any movie, give all the information about the movie and the ability to add the movie to your favourites. The authentication should be kept as simple as possible. The one rule is you are not allowed to store any movie information besides the movies ID’s on Firebase.

#Developer Tools #App Development #Backend As A Service 248 social mentions
Google Lighthouse Landing Page

4

Google Lighthouse

Lighthouse is an open-source, automated tool for improving the quality of web pages.

What you will build is a simple blog for a single user that pulls all the articles from an external CMS such as Strapi, Contentful or Butter CMS. Its import that the blog must be SSR and be rendered statically to the client. Try and get a lighthouse score of at least 90!

#Website Monitoring #Performance Monitoring #Uptime Monitoring 87 social mentions