Скачать или смотреть React JS with Tailwind CSS | Portfolio Website Tutorial For Beginners 2021

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.

https://github.com/backslashflutter/r...

🔥 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:
Portfolio Website : https://backslashflutter.github.io/po...

► Libraries Used:
AOS Library: https://github.com/michalsnik/aos
scroll-into-view: https://www.npmjs.com/package/scroll-...
gh-pages: https://www.npmjs.com/package/gh-pages

Installing React JS with TailwindCSS: https://tailwindcss.com/docs/guides/c...

► 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)
   • Complete Google and Facebook Login In Flut...  
📗 Facebook Login In Flutter | Flutter & Firebase Authentication For Beginners 2021 (Part 2)
   • Facebook Login In Flutter | Flutter & Fire...  



🔔 Get updated with my projects🔔
Follow me on Github: github.com/backslashflutter


#reactjs #tailwindcss #backslashflutter


►For the 3D intro, I'm using Rotato: rotato.xyz


🎵Credits :
Music Used:
JARICO - LANDSCAPE    • Видео  


Reddit Username : @backslashflutter


🔗OTHER:
PLAYLIST:
1. FLUTTER AND FIREBASE
LINK :https://bit.ly/35Uq7Ba​
2. FLUTTER SPEEDCODE
LINK: https://bit.ly/3sFDy1O




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


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💪