Do It Yourself – Website Tutorials

Learn how to make a React website using Tailwind CSS in this tutorial. We will set up tailwind from scratch using their official docs. Tailwind CSS is a “utility-first” CSS framework that provides a deep catalog of CSS classes and tools that lets you easily get started styling your website or application.

Source Code
https://www.codavilla.com/posts/learn-how-to-make-a-react-website-with-tailwind-css-tutorial

Timeline
0:00 What we are building
0:45 Creating React App
3:52 Setting up Tailwind CSS
9:50 Creating Project Files
10:57 Creating Navbar
19:22 Creating Hero Section
24:16 Creating Content Section
32:14 Creating Footer
38:07 Creating Dropdown Menu

Check out this awesome tech gear
Macbook M1: https://amzn.to/3nBvfkM
Wireless Keyboard: https://amzn.to/2Wxf5g1
Wireless Mouse: https://amzn.to/3r6VRfj
Wireless Earphones: https://amzn.to/3gZlLgt

If you want to follow me along my coding journey, be sure to subscribe 🙂
https://www.youtube.com/channel/UCsKsymTY_4BYR-wytLjex7A?sub_confirmation=1

Make a simple website with HTML and Tailwind CSS

Make a React Real Estate Website

Build a Gym website with HTML, CSS, & Javascript

Some links in the description are affiliate links, which means that if you click on them and make a purchase, I’ll receive a small commission.

source