Cours GRATUIT sur React : https://mlv.sh/react-5-minutes

Hookflow : https://github.com/donavon/hook-flow

▶ VIDÉO
Plongez tête la première dans React et découvrez comment maîtriser cette bibliothèque incontournable en seulement 5 minutes ! Du début à la fin, je te guide à travers les concepts essentiels, les hooks indispensables, et les meilleures pratiques de 2024 pour devenir autonome avec React. Parfait pour les développeurs pressés ou ceux cherchant à rafraîchir leurs connaissances.

▶ ME SUIVRE
Twitter : https://twitter.com/melvynxdev
GitHub : https://github.com/Melvynx
Blog : https://codelynx.dev
Discord : https://codelynx.dev/discord
Cours gratuit JavaScript : https://codelynx.dev/beginjavascript/courses
Cours gratuit React : https://codelynx.dev/beginreact/courses
Cours gratuit NextJS : https://codelynx.dev/nextreact/courses
Masterclass sur les SaaS : https://nowts.app/masterclass

#javascript #developper #react #reactjs #reactjstutorial #reactjsdeveloper #reactjscourse #reactjsforbeginners #reactjsproject #javascripttutorials #javascripttutorialforbeginners

🎵 Follow the official 7clouds playlist on Spotify : http://spoti.fi/2SJsUcZ
​🎧 Alex Warren - Ordinary (Lyrics)
⏬ Download / Stream: https://alexwarren.lnk.to/ordinary
🔔 Turn on notifications to stay updated with new uploads!

❤️ Follow our Spotify playlists: http://bit.ly/7cloudsSpotify
💪 Workout Music: http://workout.7clouds.link
🎮 Gaming Music: http://gaming.7clouds.link
🌍 Best Pop Music: http://pop.7clouds.link
🤬 Hardstyle Music: http://hardstyle.7clouds.link
🥁 Drum & Bass: http://dnb.7clouds.link
🔊 Hypertechno: http://techno.7clouds.link
😡 Phonk Music: http://phonk.7clouds.link
☁️ 7clouds Releases: http://release.7clouds.link

👉 Alex Warren
https://www.instagram.com/alexwaarren/
https://www.tiktok.com/@alexwaarren

☁️ 7clouds:
https://open.spotify.com/user/7cloudsmusic
https://soundcloud.com/7cloudsmusic
https://audiomack.com/7cloudsmusic
https://facebook.com/7cloudsofficial
https://discord.com/invite/d5Arh8Y
https://twitter.com/7cloudsmusic
https://instagram.com/7clouds
https://tiktok.com/@7clouds
https://7clouds.org

.........
🎤 Lyrics: Alex Warren - Ordinary

[Verse 1]
They say, "The holy water's watered down
And this town's lost its faith
Our colors will fade eventually"
So, if our time is runnin' out
Day after day
We'll make the mundane our masterpiece

[Pre-Chorus]
Oh my, my
Oh my, my love
I take one look at you

[Chorus]
You're takin' me out of the ordinary
I want you layin' me down 'til we're dead and buried
On the edge of your knife, stayin' drunk on your vine
The angels up in the clouds are jealous knowin' we found
Somethin' so out of the ordinary
You got me kissin' thе ground of your sanctuary
Shatter me with your touch, oh Lord, return mе to dust
The angels up in the clouds are jealous knowin' we found

[Verse 2]
Hopeless hallelujah
On this side of Heaven's gate
Oh, my life, how do ya
Breathe and take my breath away?
At your altar, I will pray
You're the sculptor, I'm the clay

[Pre-Chorus]
Oh my, my

[Chorus]
You're takin' me out of the ordinary
I want you layin' me down 'til we're dead and buried
On the edge of your knife, stayin' drunk on your vine
The angels up in the clouds are jealous knowin' we found
Somethin' so out (Out) of the ordinary (Ordinary)
You got me kissing the ground (Ground) of your sanctuary (Sanctuary)
Shatter me with your touch, oh Lord, return me to dust
The angels up in the clouds are jealous knowin' we found

[Bridge]
Somethin' so heavenly, higher than ecstasy
Whenever you're next to me, oh my, my
World was in black and white until I saw your light
I thought you had to die to find

[Chorus]
Somethin' so out of the ordinary
I want you laying me down 'til we're dead and buried
On the edge of your knife, stayin' drunk on your vine
The angels up in the clouds are jealous knowin' we found
Somethin' so out (Out) of the ordinary
You got me kissing the ground (Ground) of your sanctuary (Sanctuary)
Shatter me with your touch, oh Lord, return me to dust
The angels up in the clouds are jealous knowin' we found

.........
📧 Contact / Demo Submissions: contact@7clouds.org
.........
💌 Demos / Music Submissions: https://7clouds.portal.district.biz
.........

#alexwarren #ordinary #lyrics #7clouds

This home defines a new era of Palm Springs modernism, where timeless Mid-Century inspiration meets contemporary refinement. Seamlessly integrating architecture with nature, the design embraces Japanese-influenced Wabi Sabi philosophy, celebrating organic textures, raw materials, and the beauty of imperfection.

Set within the exclusive, guard-gated enclave of Desert Palisades, the 4-bedroom, 4.5-bath estate captures sweeping views of the desert valley and surrounding mountains through floor-to-ceiling glass. Warm, elemental materials--including Hemlock wood ceilings, Italian Calcutta and Taj Mahal stone, French oak, and limestone--flow effortlessly throughout the open-concept living spaces.

The home's sculptural facade is wrapped in charred Shou Sugi Ban 焼杉板, offering a bold, tactile contrast against the desert terrain. The primary suite is a secluded haven with panoramic views, a spa-inspired bath with sculptural soaking tub, and a custom walk-in closet. Each additional en-suite bedroom is uniquely appointed with refined finishes and artistic detailing.

A dedicated gym, built-in elevator, and seamless indoor-outdoor transitions enhance the home's liveability. Outside, an infinity-edge pool, fire feature, built-in BBQ, and multiple lounge areas create the perfect setting for gathering or unwinding under the stars. Designed by acclaimed architect Jill Lewis, this residence is a masterclass in elevated desert living, where thoughtful architecture honours its environment with quiet sophistication.

An adjacent half-acre parcel is also available, offering the opportunity to preserve the home's sense of space and views. The property includes approved plans for a 5,100-square-foot residence, providing the option to build a complementary retreat or simply maintain the surrounding natural landscape.

Feature your home, design project, or listing on the show contacting hello@theluxuryhomeshow.com

2336 Winter Sun Drive Palm Springs, CA 92262
$9,995,000

Listing Agent
John Grauman
Listing Link: https://homes.graumanrosenfeld.....com/idx/details/lis

Developer
https://www.palmcanyondevelopment.com/

Architect
Name: Jill Lewis
Website: https://www.jilllewisarchitecture.com/
Tel: +1 415 636 0480
Email: jill@jilllewisarchitecture.com

Home Staging + Interior Design
Francesca Grace
Instagram: https://www.instagram.com/francescagracehome

Watch next:
https://www.youtube.com/watch?v=o159aDKVaZc&t=1s
https://www.youtube.com/watch?v=lIiMDDdKXZ8&t=570s
https://www.youtube.com/watch?v=1rkuTux4Qus&t=394s

Follow our socials:
Instagram: https://www.instagram.com/theluxuryhomeshow/
TikTok: https://www.tiktok.com/@theluxuryhomeshow
Facebook: https://www.facebook.com/theluxuryhomeshow/
LinkedIn: https://www.linkedin.com/compa....ny/the-luxury-home-s

Subscribe:
Main channel - @TheLuxuryHomeShow
Shorts channel - @thenewbuildshow
Founders channel - @mattandsummer

Episode Chapters:
00:00 Introduction
00:27 Exterior & Entrance
03:00 Interior Tour
03:25 Gym & Elevator
03:38 Open Plan Kitchen & Living
04:18 Preparation Kitchen
04:27 Powder Room
04:30 Living Room
04:58 Bar
05:02 Formal Living Room
05:25 Bedroom Wing
05:53 Guest Bedroom 1
06:35 Guest Bedroom 2
07:12 Primary Bedroom
08:11 Exterior Landscape & Pool
10:26 Twilight Scene

Disclaimer:
Transparency is important to us, and we want to ensure our audience knows that the content we create may involve paid collaborations with clients. If you have any questions about our production process or partnerships, feel free to reach out to us directly via hello@theluxuryhomeshow.com

SEVILLA VS BARCELONA

React Native allows developers to build cross-platform apps for iOS, Android, and the Web from a single JavaScript codebase. Get started building your first native mobile app with React Native

#react #mobiledev #100SecondsOfCode

🔗 Resources

React Native Docs https://reactnative.dev
Expo https://expo.dev
RN Bridge https://hackernoon.com/underst....anding-react-native-

🔥 Get More Content - Upgrade to PRO

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.

🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

Experience the future of performance and luxury with the all-new 2026 BMW M9 — a groundbreaking fusion of cutting-edge technology, electrified power, and stunning design. In this video, we explore everything that makes the M9 one of the most anticipated cars in BMW’s history. From its jaw-dropping 850+ horsepower hybrid V8 engine to its ultra-light carbon fiber body and AI-assisted driving capabilities, the M9 is more than a supercar—it’s a revolution on wheels.

Inside the cockpit, you're treated to a next-gen OLED display, adaptive digital systems, and a luxurious blend of Alcantara, leather, and carbon fiber. Whether you’re accelerating from 0 to 60 in under 3 seconds or cruising silently in electric mode, the M9 delivers a driving experience unlike anything else.

BMW’s commitment to innovation, performance, and sustainability shines brighter than ever in the M9. If you're a car enthusiast, tech lover, or just obsessed with what the future holds for automotive excellence, this video is a must-watch.

Don’t forget to like, comment, and subscribe for more exclusive car reviews, reveals, and future-focused auto content.

Hashtags:

#bmwm9 #bmw2026 #futurecars #luxurycars #hybridsupercar #bmwmseries #m9reveal #bmwperformance #electricsupercar #futuristiccar #carlovers #supercar2026 #germanengineering #luxurylifestyle #techincars #nextgenbmw #bmwinnovation #ultimatedrivingmachine #pluginhybrid #electricvehicles #bmwpower #carreview #automotivedesign #bmwlife #cartech #sustainableluxury #supercargoals #highperformancecars #bmwm9hybrid #autoshow2026 #concepttoreality tags:

BMW M9, 2026 BMW M9, BMW M9 review, BMW M9 hybrid, BMW M9 supercar, BMW future cars, luxury cars 2026, BMW electric car, hybrid performance cars, M9 performance review, BMW M9 interior, M9 top speed, futuristic BMW, M9 driving experience, 2026 supercars, German supercar, M9 specs, BMW concept cars, BMW vs Tesla, M9 full review, M9 design, M9 AI driving, best BMW ever, M9 carbon fiber, electric V8 BMW, BMW technology, M9 launch, BMW flagship car, BMW luxury performance, BMW YouTube car review

2026 BMW M9 specs
BMW M9 0-60 time
BMW M9 price USA
BMW M9 hybrid engine details
Best supercars 2026
BMW M9 interior design
BMW electric performance cars
Upcoming BMW models 2026
M9 vs M8 comparison
Futuristic luxury cars
BMW AI driving system
Top hybrid supercars 2026
BMW carbon fiber body
M9 horsepower and torque
BMW M9 official release date

Ready to streamline your web development workflow? In this guide, I'll show you
how to set up Visual Studio Code (VS Code) for web development, transforming it into a powerful and feature-rich code editor tailored to your needs.

Join me as I walk you through the essential steps to optimize your VS Code environment.

Enjoy the Video!

00:12 Download VS Code
00:28 Install Live Server
00:42 Install JavaScript Snippet
02:53 Install Bootstrap
01:00 Create a Project
01:39 Outro

Download VS Code
https://code.visualstudio.com/

****Career Resources****

❗️ *LEARN ETHICAL HACKING Course* 👉 https://hub.eccouncil.org/77gvhg

➡️ "Dive into the underground with *Dark Web Chronicles* — gripping true stories of hacks, heists, and cybercrime." https://youtube.com/playlist?list=PLxukEs12UGSxHzQmYT_d9RkMCAb1JE1yV&si=_giB65vqo2UoN3CK

To get more of our best content on IT careers and IT certifications, go to https://skillsbuildtraining.com/blog

Be sure to leave any questions or comments below!

See More Videos and Subscribe: https://www.youtube.com/channe....l/UCQa4HENaBBB29aCMq
Website: https://skillsbuildtraining.com/
Facebook: https://www.facebook.com/skillsbuildtraining/
Twitter: https://twitter.com/SkillsbuildT

Tour 20 beautiful houses, mega mansions + amazing homes with Luxury TV!

Watch this property compilation tour for home decor + interior design ideas!

Enjoy this luxury homes compilation tour... let us know in the comments which luxury home is your favorite design in the comments below!

----

Join us for the upcoming Create Your Own Economy event : https://cyoelive.com/luxurytv

----
#houses #luxuryhomes #realestate

produced by Luxury TV

Get a certificate for this course: https://courses.supersimple.dev/courses/html-css
or Frontend Bundle (React, JS, HTML CSS): https://courses.supersimple.de....v/bundles/frontend-b
🎓 Includes certificate of completion and better learning experience (smaller videos, ads-free)
✅ Don't worry if you're halfway through or finished the course, you can skip the lessons you finished and take a final test to get a Certificate.
❤️ Thanks for supporting SuperSimpleDev!

In this full course, we learn how to build websites with HTML and CSS, and get started as a software engineer.
Exercise solutions: https://github.com/SuperSimple....Dev/html-css-course/
Copy of the code: https://github.com/SuperSimple....Dev/html-css-course/
HTML and CSS reference: https://supersimpledev.github.....io/references/html-c

JavaScript Full Course: https://youtu.be/EerdGm-ehJQ

🎓 Premium Courses (get a certificate, better learning experience, support SuperSimpleDev ❤️)
Frontend Bundle (React, JS, HTML CSS): https://courses.supersimple.de....v/bundles/frontend-b
React Premium Course: https://courses.supersimple.dev/courses/react
JavaScript Premium Course: https://courses.supersimple.dev/courses/javascript
HTML CSS Premium Course: https://courses.supersimple.dev/courses/html-css

⭐️ More in-depth videos, secrets of my channel, work-in-progress courses:
Membership: https://www.youtube.com/@SuperSimpleDev/join or https://member.supersimple.dev (10-20% OFF USD price)

Lessons:
0:00 Intro
1:02 1. HTML Basics
17:42 2. CSS Basics
44:39 3. Hovers, Transitions, Shadows
1:03:10 4. Chrome DevTools & CSS Box Model
1:17:30 5. Text Styles
1:52:18 6. The HTML Structure
2:11:08 7. Images and Text Boxes
2:25:42 8. CSS Display Property
2:34:58 9. The div Element
2:46:55 10. Nested Layouts Technique
3:16:58 11. CSS Grid
3:43:58 12. Flexbox
4:15:21 13. Nested Flexbox
4:44:36 14. CSS Position
5:07:14 15. Position Absolute and Relative
5:33:49 16. Finish the Project
6:07:46 17. More CSS Features
6:30:21 Outro

Additional Information:
This HTML CSS full course is a series of HTML CSS tutorials, teaching the major skills that we need to create complex websites. Each HTML CSS tutorial builds on a project and provides some HTML CSS exercises to practice what we learned. By the end, we'll learn the basics of web development and we'll be on our way to becoming a web developer and software engineer.

#htmltutorial #csstutorial #htmlcssfullcourse #html #css #tutorial #fullcourse #course #htmltutorial #csstutorial #htmlcsstutorial #htmlfullcourse #cssfullcourse #webdevelopment #advancedhtmltutorial #advancedcsstutorial #coding #codingtutorial #softwareengineer #softwareengineering #learntocode #supersimpledev

Label : ELEVA

Réalisation : Monsieur Dia
Production : FNTYLS
DOP : Marty
Directrice de production : Fenty Lentin
Assistante de prod : Alejandra Callens
Stylisme : Monnstyliste
Mua / coiffeuse : Lua.pro
Directeur de casting : Denzel Kimyah
Montage : Benoît Rieu
Coloriste : Brian Poulard

--------------------------
Retrouvez moi sur :
Instagram: https://www.instagram.com/dr.yaro/
Twitter : https://twitter.com/docteur_yaro/
Tik-tok : @docteur.yaro
Snapchat : dr.yaro

Contact: eleva.production@gmail.com

#dryaro

⁣Ana Mena GALE

This time, I made my favorite orange jelly candy with 3 ingredients, no gelatin. The ingredients are easy. While oranges are cheap, they can be used to fill Eid jars. 👍😍

200 ml orange juice (choose a sour orange)
200 ml sugar
7 grams agar-agar powder
*Powdered sugar or blended sugar for sprinkling (optional)

*If using sweet oranges, you can add citric acid to add a sour taste to the candy.
*If using oranges that are less intense in color, you can add yellow food coloring.
*BREAKING when rolling is usually due to not cooking long enough (not thick enough). Cook until lots of bubbles appear as seen in the video, or make a line with a spatula in the middle. If the bottom of the pan is visible, it means the sugar is starting to caramelize, and the agar-agar mixture will be flexible and sturdy when rolled.
*Shape thinly, 3-4 mm thick. If it's too thick, it will break easily. It's better to cut it into squares and dry it in the sun. 😍👍

Enjoy watching

🎯 Master CSS Flexbox in 30 Minutes and build a project with me!
Welcome to your ultimate Flexbox course — whether you're a beginner or just advanced developer just brushing up, this tutorial breaks down everything you need to know to build responsive, flexible web layouts with confidence using the CSS Flexbox model.

🧰 What you’ll learn in this video:

What is Flexbox and why it's a game-changer

Flex container vs flex items

Axis concepts: main vs cross

Powerful properties like justify-content, align-items, flex-grow, flex-shrink, and more

Real-world layout examples — navbars, cards, and equal-height columns

Common Flexbox mistakes (and how to avoid them)

🔥 By the end of this video, you'll be able to ditch float hacks, forget about positioning headaches, and layout your designs like a pro.

💻 Code along with me!
All code examples are beginner-friendly, and I’ll explain why things work — not just how.

📁 Source code: [Link to GitHub or CodePen]
🧠 Want a Flexbox cheat sheet? Grab it here: [Link]

👍 Like the video if it helped, and don’t forget to subscribe for more web dev tutorials every week!

#css #flexbox #webdevelopment #frontend #responsivedesign #learncss

PHP & MySQL Blog App with Admin Panel Tutorial From Scratch - PHP & MySQL Tutorial For Beginners
Hostinger Discount: https://www.hostg.xyz/SH8cs

Responsive React Portfolio Website with Theme Customization (FULL COURSE): https://www.udemy.com/course/r....eact-js-portfolio-we

In this project tutorial, I'm going to teach you how to create a fully functioning CRUD Blog Application with an Administrator Panel/Dashboard using PHP and MySQL. This project features a user registration and login system with access control, creating posts, updating posts, deleting posts, adding users, updating users, deleting users, creating categories, updating categories, deleting categories, and more!

As usual, no steps will be skipped in this tutorial, I'm going to walk you all through to the end!


Part 1 (Frontend): https://www.youtube.com/watch?v=dgfHwfC6bWE


Buy Me A Coffee: https://www.buymeacoffee.com/egator
Become a patron: https://patreon.com/egator
Source Code, Assets & SQL Dump (Database Tables): https://www.buymeacoffee.com/egator/e/77678
Images: https://github.com/egattor/php-mysql-blog-assets


Timestamps:
00:00:00 Intro (Project Overview)
00:42:45 XAMPP Installation
00:46:42 Minor Frontend Changes
00:49:10 Creating Blog Folder & Installing Extensions
00:55:10 Project Folder/Files Structure & Configurations
01:34:35 Creating Database (blog)
01:35:25 Creating Database User (egator)
01:38:00 Connecting Project To Database (blog)
01:45:17 Creating Users Table
01:49:35 User Account Registration (Signup)
02:52:55 User Login (Sign in) and Access Control
03:32:00 Creating/Adding Users (Author/Admin)
04:02:00 Displaying/Fetching Users on Manage Users Page
04:15:00 Updating/Editing Users
04:34:35 Deleting User
04:53:35 Creating Categories Table
04:54:55 Creating/Adding Categories
05:14:10 Displaying/Fetching Categories on Manage Categories Page
05:20:24 Updating/Editing Categories
05:36:40 Deleting Categories
05:45:30 Creating Posts Table
05:53:40 Creating/Adding Posts
06:26:06 Displaying/Fetching Posts on Manage Posts Page
06:47:35 Updating/Editing Posts
07:11:02 Deleting Posts
07:22:20 Delete Posts Thumbnail when user is deleted
07:32:20 Set posts category to uncategorized when category is deleted
07:36:48 Displaying/Fetching Posts on Home Page
08:07:10 Single Post Page
08:12:50 Category Posts Page
08:21:22 Blog Page
08:26:35 Searching Post
08:35:17 Final Tests




#php #mysql #projecttutorial

Start your web development career with HTML/CSS! 🌐 This beginner-friendly tutorial covers the essentials.

❤️ Join this channel to get access to perks:
https://www.youtube.com/channe....l/UCWv7vMbMWH4-V0ZXd

🚀 Want to master HTML/CSS?
- Check out my complete course: https://mosh.link/htmlcss-course
- Subscribe for more awesome content: https://goo.gl/6PYaGF

✋ Stay connected:
- Twitter: https://twitter.com/moshhamedani
- Facebook: https://www.facebook.com/programmingwithmosh/
- Instagram: https://www.instagram.com/codewithmosh.official/
- LinkedIn: https://www.linkedin.com/school/codewithmosh/

💡 Why HTML?
- It's the foundation for every website.
- Essential skill for front-end web developers.
- Easy to learn, even for absolute beginners.

👉 This tutorial is perfect for you if:
- You dream of a career in web development.
- You want to build your own website.
- You're curious about how the internet works.

📖 TABLE OF CONTENT
0:00:00 Introduction
0:01:09 What You Need
0:03:42 Languages and Tools of Web Development
0:09:36 How the Web Works
0:14:27 Inspecting HTTP Requests and Responses
0:18:30 HTML Basics
0:25:41 CSS Basics
0:30:35 Formatting Code
0:32:51 Inspecting Pages Using DevTools
0:35:04 Validating Web Pages
0:39:45 The Head Section
0:43:33 Text
0:50:13 Entities
0:53:42 Hyperlinks
1:03:12 Images

#HTML #WebDevelopment #Coding

Join Luxury TV on a journey inside the TOP LUXURY HOMES and PENTHOUSES in Miami, Florida! In this exclusive video, you'll get an inside look at some of the most luxurious and stunning million-dollar homes and properties from around the world, starting in Miami. Discover mega mansions, modern house designs, unique interior design ideas, and famous houses. Plus, see mega yachts in Miami, stunning waterfront homes, and go on virtual real estate tours.

Don't miss out on this once-in-a-lifetime opportunity to see the best of the best in luxury homes.

This Mega Mansion has every LUXURY you can DREAM! : https://youtu.be/OfxdQ3OpSdA

Welcome to your Dream House! : https://youtu.be/9bB2jnXlZsU

Stay connected with us and discover even more luxury content by visiting our website: http://luxurytv.info or following us on Instagram: http://instagram.com/luxury_tv

For business inquiries, please email us at luxurytv@icloud.com.

#realestate #luxuryhomes #mansions

A side-by-side comparison of React Native and Flutter. I built a mobile chat app with both frameworks to understand differences in developer experience, tooling, code, and performance.

🔥 Use discount code O2LdtRD6 for 30% off fireship.io/pro

#flutter #react #versus

🔗 Resources

Performance Comparison https://medium.com/swlh/flutte....r-vs-native-vs-react

React Native Demo https://fireship.io/lessons/re....act-native-firebase-
Flutter Chat Demo https://fireship.io/lessons/fl....utter-firebase-chat-

📚 Chapters

00:00 React Native vs Flutter
00:57 Language
01:41 Ecosystem
02:04 Philosophy
02:42 Architecture
04:00 Developer Experience
05:45 Tooling
07:39 Code
09:13 Performance


🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- Comparing Flutter to React Native
- Mobile app development
- Native iOS and Android Development
- Cross-platform app performance

React Portfolio Website Tutorial From Scratch - Build & Deploy React JS Portfolio Website
Hostinger Discount: https://www.hostg.xyz/SH8cs

Responsive React Portfolio Website with Theme Customization (FULL COURSE): https://www.udemy.com/course/r....eact-js-portfolio-we

Source Code, Assets & Live Demo: https://www.buymeacoffee.com/egator/e/56809

Become a patron: https://patreon.com/egator


In this practical react js project tutorial, I'm going to teach you, step-by-step, how to create and deploy a fully responsive personal portfolio website from scratch! By the end of this video, you will know how to create a react app from scratch, how to use the react icons library in your react projects, how to use react useState hooks, how to build modern website designs with CSS3, how to use SwiperJS (to create carousels/slides) in your react projects, how to add multiple contact options on your website (WhatsApp, Facebook Messenger, and Direct form submission using EmailJS), and more!

No prior react knowledge is required for this tutorial, as I will be explaining every step along the way.
Now Let's Build The Best React Personal Portfolio Website On YouTube!

Assets: https://drive.google.com/file/....d/18FpIv7YdbzermIl1y

Timestamps
00:00:00 Intro (Project Overview)
00:08:43 Buying Hosting & Claiming Free Domain on Hostinger
00:11:38 Installing Node & VSCode
00:12:21 Assets
00:12:56 Creating our React App using npx create-react-app
00:14:22 Managing and Creating files & folders
00:20:15 Creating all Components
00:27:40 CSS Variables & General CSS Styles
00:45:00 Header Component JSX
00:52:42 Installing React Icons and Using them in our project
00:56:18 Header Component CSS
01:04:20 Header Component Responsive Design
01:06:45 Floating Nav Component JSX
01:13:57 Floating Nav Component CSS
01:18:00 Managing Nav States using useState Hook
01:21:43 About Component JSX
01:28:29 About Component CSS
01:35:15 About Component Responsive Design
01:38:45 Experience Component JSX
01:44:17 Experience Component CSS
01:50:40 Experience Component Responsive Design
01:53:35 Services Component JSX
01:57:25 Services Component CSS
02:02:35 Services Component Responsive Design
02:04:15 Portfolio Component JSX
02:10:10 Portfolio Component CSS
02:14:45 Portfolio Component Responsive Design
02:16:02 Generating Portfolio Items from Array using map method
02:20:44 Testimonials Component JSX
02:24:03 Testimonials Component CSS
02:29:15 Testimonials Component Responsive Design
02:30:26 Generating Testimonials from Array using map method
02:33:40 Creating Carousel/Slides using SwiperJS
02:40:23 Contact Component JSX (Multiple contact options: Facebook Messenger, WhatsApp & Email)
02:51:02 Contact Component CSS
02:57:02 Contact Component Responsive Design
02:58:34 Form Submission using EmailJS
03:07:43 Footer Component JSX
03:11:53 Footer Component CSS
03:16:30 Footer Component Responsive Design
03:18:50 Deploying Our React Website

#reactjs #reactportfoliowebsite #reactjsprojects

HTML & CSS Full Course Discount: https://www.udemy.com/course/h....tml-css-full-course-

The link above takes you to my HTML & CSS complete course that teaches you everything you need to know in HTML and CSS in order to build modern responsive websites from scratch! The course is filled with projects that help you further understand every concept we learn. Use the discount link above to enroll today!


Learn how the CSS Box Model works in this tutorial. Learn how to use CSS properties like width, height, padding, border, margin, and more!