Random Quote Generator React Js Tailwind Css | React Random Quote Generator | Tailwind CSS React Js
Random Quote Generator React Js Tailwind Css | React Random Quote Generator | Tailwind CSS React Js
In this video, we'll build a random quote generator using React JS and Tailwind CSS. Instead of using an API, we'll be using the random-quote npm package to generate quotes. We'll display the quotes on the page and include a button to generate new quotes. The design will be styled using Tailwind's pre-built CSS classes. Perfect for improving your React skills and learning modern CSS frameworks. Don't forget to like and subscribe for more tutorials like this!
---------------------------------------------------------------------------
Chapters:
00:00 Project Demo
00:32 Project Setup (Setup React Js and Tailwind CSS)
03:11 Build Structure of the Application
06:03 Add Logic
----------------------------------------------------------------------------
#kashifshehzad #beKashif #
----------------------------------------------------------------------------
Source-code-link:
https://softokit.com/reactjs/random-q...
----------------------------------------------------------------------------
HTML, CSS JS projects:-
( • HTML, CSS JavaScript Project )
(Mern projects) React Js, Next Js, Node Js, Express Js, Mongo DB projects and tutorials:-
( • Playlist )
HTML, CSS JS projects:-
( • HTML, CSS JavaScript Project )
Open AI Projects and tutorials with source code
( • Open AI API projects and tutorials )
Fiverr ranking tips and tricks | Fiverr gig seo
( • Fiverr Gig Seo | How to Rank Fiverr Gig on... )
My channel is all about:
Web Designing
Web Development
HTML, CSS, JS
React js
React Native
Graphic Designing
Adobe Photoshop
Adobe Illustrator
Tech Tuts
Online Earning
Make money online
Freelancing
Fiverr
----------------------------------------------------------------------------------------------------------------------------------------
☕ ( https://www.buymeacoffee.com/thekashif )
🌐 ( https://www.convertingapp.com/ )
🌐 ( https://softokit.com/ )
