In this Full Stack Blog Website using React Js, Tailwind Css, Vite | React Js beginner tutorial. This tutorial is for beginners, so no prior experience with React Js or Tailwind Css is required.
We will start by setting up our project and installing the necessary dependencies. Then, we will create our React Js components and Tailwind Css styles. We will also learn how to use Vite to build and deploy our application.
By the end of this tutorial, you will have built a fully functional blog website that you can use to share your thoughts and ideas with the world.
👉Hostinger Hosting Service: https://hostinger.com?REFERRALCODE=1GAME84
👉Source Code Github : https://github.com/rrs301/personal-blog-react
👉Strapi Backend : https://github.com/rrs301/Education-app-and-blog-strapi-backend
👉Demo App : https://tubeguruji-blog.vercel.app/
👉Learn React Native By Building an Educational App (Complete PlayList): https://www.youtube.com/playlist?list=PLaBeGKL1tOU0FuOxkLHFy_zOlIqOWUcNc
👉Full Stack AI Chatbot : React Native, Next.js 13, Google Bard API, Expo : https://youtu.be/LhKguWePLp0
🔴Follow us on Instagram: https://www.instagram.com/tubeguruji/
🔴Telegram Channel: https://t.me/tubeguruji
🔴Buy Me a Coffee: https://www.buymeacoffee.com/tubegurujiw
#reactjs #tailwindcss #vite
00:00:00 Introduction
00:02:06 Create React + Vite App
00:05:11 Install Tailwind css
00:07:41 Project Folder Setup
00:13:14 Header/NavBar
00:18:45 React Icons
00:20:43 Search Section
00:36:01 Fetch Data From API
00:42:13 Create Intro Post
00:51:39 Display All Blogs
00:59:21 Section 2 Intro
01:00:19 React Router