React JS with Tailwind CSS | Portfolio Website Tutorial For Beginners 2021 @backslashflutter

React JS with Tailwind CSS is a great framework for designing the websites. Today, we will be creating a portfolio website in React JS with the use of Tailwind CSS library.

🔥 Subscribe for more: @backslashflutter

This tutorial is for beginners who wanted to learn React JS and also Tailwind CSS, and we will host this to our Github Pages also.

This is a simple portfolio website, which will clear your doubts upon how to get started with ReactJS and use the awesome library of Tailwind CSS for creating Responsive Design, Using AOS animations, Using Scroll to Animate and so much more. ⌨️

If this helps make sure to share it with friends and colleagues who will benefit from this.
Have questions/queries? 💬 Comment below I will be happy to help

React JS with Tailwind CSS provides many positive points like Customised Package, Small Bundle Size in production, Improves Maintainability, Consistent UI

👇 You will be learning some useful things like:
1. How to integrate TailwindCSS to your React JS application.
2. Art of Making Responsive Website
3. Using the Animate On Scroll Library
4. Also adding Scroll For More Section
5. Using the React Icons Library
6. Hosting Your React JS project to Github Pages

📖 Course Contents
00:00 Introduction
01:10 Creating A New React Application
03:26 Extensions: Tailwind and React ES7
04:50 Adding TailwindCSS
11:35 Structure For Our Website
16:17 Card Design
37:36 About Us Design
48:40 Footer Design
54:21 Skills Section
1:08:09 Contact Us Design
1:14:55 AOS Library
1:21:24 Deploying To Github Pages

► IMPORTANT LINKS:

► Libraries Used:

► ALSO LEARN TO INTEGRATE GOOGLE and FACEBOOK SIGN IN TO YOUR APPS:

📗 Complete Google and Facebook Login In Flutter | Flutter & Firebase Authentication 2021 (Part 1)
📗 Facebook Login In Flutter | Flutter & Firebase Authentication For Beginners 2021 (Part 2)

🔔 Get updated with my projects🔔

#reactjs #tailwindcss #backslashflutter

🎵Credits :
Music Used:


Reddit Username : @backslashflutter

🔗OTHER:
PLAYLIST:
1. FLUTTER AND FIREBASE
2. FLUTTER SPEEDCODE

OTHER VIDEO:
Complete Flutter Installation & Setup Tutorial For App Development on MacOS (Latest)
How to Install Flutter on Ubuntu 21.04 with Android Studio | Updated 2021

META TAGS:
react website
react website tutorial
tailwind css tutorial
tailwind css react
react js with tailwind css
tailwind css portfolio
react portfolio
reactjs
reactjs project

THANKS FOR LOVE AND SUPPORT💪

[Webtricker]

Thank you so much for explaining the Tailwind CSS insert of React JS in such a simple and beautiful way. Tailwind CSS combined with React JS it was great

[shripatiacharya]

Nice work man. Best of luck. From a React Enthusiast to Another. Tailwind is super amazing

[backslashflutter]

Check the website here:


LIKE, SHARE AND SUBSCRIBE 💗

[mithilamommy]

Awesome Video ♥️♥️♥️ i learn So much from your Tutorial
Thanks for making awesome Tutorials

[raqibnur]

please make an dynamic portfolio where we can update the project

[goblinbrando]

Sir which vs code theme are you using?
Please heart comment if your replying

[gmkhussain]

// The below code needs to be commented out ⚡ 😂