Build Complete Responsive ReactJS Multipage Website in Hindi
Channel: Thapa Technical
Date: 2022-09-08

Welcome, how to Create a Responsive ReactJS Multipage Website in Hindi. Below is the list of the section we have added to our react multipage website using the styled component.

1: Creating a responsive Navbar:
The complete responsive Navbar with an animation effect, nowadays all are browsing websites on their mobile phone so it's an important task for web designers to create a responsive website.


Inbuilt google map:
Google maps offer numerous advantages so it's again a must and should task to be followed while creating a website, I have discussed in detail about how to achieve this so please have a look.


Hire me button:
We have a hire me button which will redirect to the contact us page isn't it an amazing idea


Our services page:
Here I have described the service in detail with the Reading more button & the data will be extracted from API so I suggest you go and check it.


Contact us form:
It will refresh the page automatically after each data entry which will secure your data.


Footer:
This is very useful for the users. From here you will get easy access to my Youtube channel, Instagram, discord & my contact details

😊 Become Member, get access to perks, free Source code, & more..
https://www.youtube.com/channel/UCwfaAHy4zQUb2APNOGXUCCA/join

✌Source Code Website Link:  https://www.thapatechnical.com/2022/07/react-multipage-website.html

😍 Check my Instagram to Connect with me:     https://www.instagram.com/thapatechnical

👩‍💻 Discord Server Link for Programmer to Hangout: https://discord.gg/MdScmCsua6


------------- TIMELINE ----------
0:00 Intro
0:25 Website Preview
4:20 React Installation
12:00 Navbar React Router 
25:50 Styled Component Complete
47:40 Hero Section 
1:04:15 About Page
1:13:45 useContext Hook
1:29:50 useReducer Hook
1:46:00 Fetch Data Service Page 
2:07:35 Contact Form
2:21:00 Error Page
2:27:00 Footer Section
2:51:00 Scroll To Top Btn
3:05:40 Responsive Navbar
3:32:25 Media Queries
3:50:55 Host Website For Free



************* 😍 Must Watch Videos For Web Development 😍 *************

➡️ Complete Reactjs in One video here  https://youtu.be/43IbFDSVdB0

➡️ HTML in One Video: https://youtu.be/pN7BFLfSjFw


➡️ CSS in One video:  https://youtu.be/hkQv0NIxKQY


➡️ CSS FlexBox in 30 Minutes: https://youtu.be/6L-PAmZajfA


➡️ JavaScript in One video:   https://youtu.be/PODgPW-hbfU


➡️  ECMAScript 6 in One Video:  https://youtu.be/Iek4DtRobLA


➡️ HTML5 in one video:  https://youtu.be/4V0-YpO-KZo


➡️ CSS3 in one video:  https://youtu.be/TFrFx7H5ZI8


➡️ Bootstrap4 in One video:   https://youtu.be/yZnNnvXO8HI


➡️ Jquery in One video:  https://youtu.be/PNvyPEQ0y-I


➡️ JSON in one video:  https://youtu.be/bMqevPKAPD4


➡️ ReactJS in one video:  https://youtu.be/43IbFDSVdB0


➡️ PHP in One Video:  https://youtu.be/3024Kc6SDJ0


➡️ NodeJS in one video:  https://youtu.be/ipnWAKoiBt


➡️ MySQL in one video:   https://youtu.be/5bFxbwjN-Gk


 ➡️ Advanced JavaScript in Hindi Playlist: https://www.youtube.com/playlist?list=PLwGdqUZWnOp0hSGwasCjbrWSPrEKqB_kz&disable_polymer=true


➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: https://youtu.be/Iek4DtRobLA


➡️ JavaScript Game Development Series in 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp1Ub0K1CBuLxLOEN6wTq2bg