🌋 Create Travel and Tour Website Using ReactJS | React Project 2024

Hello, we're sharing a clean and responsive React Travel and Tour Website with you.
It's composed of Hooks, Aos Library (Animation), React-Icons and video background, follow through the tutorial to learn about it's development from scratch.
**** What to expect.
You will instantly download a zip file of the project which includes all files related to this project.
**** Installation
We recommend to read a customized documentation below:
drive.google.com/file/d/1eIAD...
**** Need Help?
Contact us: [e-mail]
Thank you for watching my videos :)
Thank You!
📂Project Documentation
Link: drive.google.com/file/d/1eIAD...
💙 Get Full Source Code + Images.
Link One: ko-fi.com/s/924fea8f8b
Link Two: www.buymeacoffee.com/IsraTech...
🎁The Ultimate ReactJS Big Bundle (5 Apps in one package FOR YOU!)
Link: • 🎊The Ultimate React JS...
📂Assets
Icons: react-icons.github.io/react-i...
Fonts: fonts.google.com/
Animation: github.com/michalsnik/aos
Videos: pixabay.com/videos/
Images: www.pexels.com/
🔔 Subscribe for more!
/ isratech1
📬 Questions about this project?
Email at: [e-mail]
☕️ Support me
www.buymeacoffee.com/IsraTech
💙 Support me by PayPal
paypal.me/isratech1
👍 Thanks for watching!
Make sure to like + Subscribe For More! ❤
#responsivewebsite #isratech #animation #aos #reacthooks #reacticons
#frontenddeveloper #travel #tourism #travelwebsite #react #reactjs

[@Shahzaib-un5gl]

You are Awesome Buddy, precisely made, no unnecessary delay to the point 💯🔥

[@IsraTech1]

Cheers 🍻

[@mokbenali1072]

gooood job man we are waiting for the back

[@shreeyanchshrestha4498]

amazing job isra

[@user-yl4zv9hh5r]

Thanks, It really helped. I just completed the project. It totally works.

[@IsraTech1]

Congratulations and thank you for watching 🎉🎉❤️

[@hafizsakib2734]

Need the source code, can you provide me please?

[@betterbehappythannot3605]

Amazing video brother, I love your design skills.

[@IsraTech1]

Thank you for watching ❤️

[@nikhilns7296]

Hey can you share your source code I want to refer it.

[@blockchain_bull]

Thank you for your video!

[@user-yl7sq2nc5d]

amazing!)

[@user-zs3kn3wf9j]

Can you please explain this project also while doing this ......please record your voice to teach!!

[@Shahzaib-un5gl]

Please make a video on how to improve your coding skills, how to increase efficiency of code

[@dimasprasetyo3302]

thanks isra!

[@adetoyedaniel4968]

Thanks boss. you are great

[@shifatshuvo2244]

Love from Bangladesh bro.. keep going..

[@hafizsakib2734]

Need the source code, can you provide me please?

[@bobbyjaswal2384]

Hi Isra, this is a great project. Certainly, learned a lot. Thanks! Did you ever make the back end of this site?

[@IsraTech1]

Hi Bobby, Thank you! Planning to make a backend part of it. Hang around 😊

[@vothanhank15dn37]

sorry, but can you send me the assets file? I can't find photos and videos

[@smithtang7763]

me too , there so many videos on this website

[@werneroosthuizen8641]

Just finished, thanks for the create project i can add to my portfolio, now im jumping into the backend/functionality :)

[@IsraTech1]

Congratulations and good luck!

[@afreen7746]

Can u help me in doing these please

[@nidhibhatt5470]

Send me GitHub link

[@user-pu5mu2yy1l]

can you please share github for this??

[@hafizsakib2734]

Need the source code, can you provide me please?

[@hazemtimoumi2717]

I enjoyed the tutorial !!

[@IsraTech1]

Glad you liked it!

[@angnguyenkhanhminh8697]

Thank you very much about your video

[@Movicx9770]

i love your projects

[@IsraTech1]

Thank you!

[@AdityaKumar-pf8mh]

hello brother , Its amazing project 🤩🤩🤩 But , If u explain while coding .Then It will be more impactful.

[@nikhilns7296]

Hey, can you share your source code link? I want to refer unable to fix my errors.

[@riahimaher654]

thanks for this video ,it is very beautiful ,but i feel this project for advanced student 😅because i don't study scss and jsx

[@sheez9294]

hey sir! u have done an amazing job. i would like to inspire ur model for my college project.can u please provide the softwares or libraries used in this model and also the algorithms used in the project.if u could provide an abstract and report about the project,it would be great help for my project!!

[@charulatharamesh2213]

Thanks for this awesome travel website in react js ,Actually i did this one with my own theme

[@IsraTech1]

Amazing.

[@AmanKumar-jp4xo]

Hello can you please share with me that?

[@IsraTech1]

@AmanKumar-jp4xo link is in the video description.

[@okorojohn6434]

I later realize you were using 'live sass compiler' extension to run the .scss file realtime and I never needed to import it at all.... many of us didn't know this.... once I installed it, everything is now working fine.....all the people having this .scss file issues should go back to 15:00-17:00 of the video and look at the bottom of the vs code editor you will see 'live sass compiler' extension watching realtime that will solve all problems

[@eshaanpandey7353]

Bro can you share your GitHub repo for this project.

[@IsraTech1]

It can only access it from the links provided in the description.

[@KrishnaKumar-ro5jv]

thank you

[@vaidishthosar6277]

can u give me ur github code link ?

[@IsraTech1]

@vaidishthosar6277 Hi 👋 Full project links are provided in the video description. Thank you ❤️

[@edunoluwasegun5093]

God bless you man

[@IshaDeol-lf9tj]

Amazing project🤩

[@IsraTech1]

Thank you for watching.

[@IshaDeol-lf9tj]

👍

[@anuragtiwari5007]

Fron where i can get the same photos and videos that you have used in ur assets ?? Please reply

[@AvinashKumar-il3xf]

Love you from india bro ❤. Can You do full MERN of this project

[@Rish_2103]

bro add sections in video like wich section is made at what time stamp that too would be helpfull and its amazing

[@IsraTech1]

Thank you for the suggestion

[@kayphan0409]

Hi Isra! I'm a IT student, this is my first year. I wanna know what is the browser you use in this video? and how to show "Dimensions: Responsive"? Thank you!

[@IsraTech1]

Hi 👋, I’m using Microsoft edge, hit F12 on your keyboard to open developer tools. You can later adjust dimensions as you wish. Good luck in your course. ❤️

[@codelyslearning]

awesome

[@snehalmorbale4031]

Tou only provided website for videos images and not getting the actual video you used can you plz provide that

[@techadda7678]

Good job man 👍 Can you make one Flight Booking website only in React Js?

[@IsraTech1]

Great idea, let me do this just for you 😊

[@arjuna8153]

Pleaseee make backend too..

[@RahulSharma-wh8sq]

Great content peaceful sound. Please make a video on redux also!

[@IsraTech1]

Hi Rahul, Thanks for the compliment, will look into redux soon! Greetings ❤️

[@vudat1608]

@@IsraTech1 cả họ nhà mày ăn lol

[@snehalmorbale4031]

Please can you provide videos and images used in this my project is stuck beacuse of that

[@agyagupta1076]

my navbar for the funtion shownav and removenav isnt working

[@akhilsangem1213]

hello bro can u make add login and register with backend connectivity to this website

[@notoreofreakshake]

next time dont put the node modules folder in the download project its wasting a lot of time to download, but good job :)

[@aishanur2233]

I wished you gave us the assets folder

[@jonaksaha5973]

did you use any API in this project ?

[@RMAKhan-gl5tt]

kya ic website ko final project k liye ly sakty hai?

[@Reda-Maher]

please broo what is name songs that use this video?

[@SantoshKumar-qf6pl]

Explain bhi Kiya kro, konsi cheej kidhar aur kyon use karni h pata hona chahiye

[@studyhard2400]

Does it have explanation of backend??

[@user-hb4lb9wn8y]

how to import scss file to js

[@themacosguy]

But still with 2.9K linkes the backend part has not come up. 😶

[@boyakonda5838]

Why navbar.scss not applying to navbar.jsx???

[@nigelgreater7366]

the likes are over a 1000 now, you said you will develop backend

[@CookCook2024]

hey bro in my VS there is no Watch Sass option im stuck there help me out.......14:00mins.

[@Story561]

you have to get the Watch Sass Compiler plugin

[@dungtruongtien671]

+1 subscribed

[@p.m.8316]

looks great! just sent you an email.

[@irkfaisal]

Do you cover every part of this project in this video or I have to buy source code ?

[@IsraTech1]

Hi Faisal, Yes, the tutorial is all about the project. (Everything covered) If you need more assistance don’t hesitate to email me. 😊 Address: [e-mail] Thank you, Faisal! IsraTech ❤️

[@sainudheen1326]

Hi bro

[@sainudheen1326]

Faisal are you here

[@irkfaisal]

@@sainudheen1326 yeah

[@assassinforever3596]

❤️✨

[@IsraTech1]

Greetings ❤️

[@vudat1608]

@@IsraTech1 bố mẹ mày ăn lol

[@kofiboadi504]

I Need the code but my coutry Ghana in not on the list

[@SambhavMehta-ni8iw]

understood

[@pallvarnanm3739]

hi project with database connection are not

[@WHITEWALKER_LIVE]

which extension are you using for live Saas ?

[@IsraTech1]

Hi White! It’s Live Sass Compiler by Glen Marks Have a good day 😊

[@WHITEWALKER_LIVE]

@@IsraTech1 thanks

[@akankshakumari6266]

I have done all the steps same as yours but the output is not getting same.. Can u hlp me please

[@IsraTech1]

You might have missed out some where.

[@pallvarnanm3739]

u have used for back end which technology

[@nguyenquanguc7085]

Doest it fit with wordpress?

[@sumansahu6697]

Sir scss file kaam nhi kar raha.

[@GMCorner]

Can you let us download the data to fetch using map() ?

[@user-jw9bt1nl7k]

if you have completed the project, can you please share the github link

[@mokbenali1072]

Bro it's 1.7 k likes .. 😅 i think its time for the backend ❤

[@IsraTech1]

It’s on the day way, thanks for the patience 😊

[@mokbenali1072]

@@IsraTech1 can't wait anymore bro ❤️ thnxxxx

[@nitinsahu4864]

Bro when are you going to publish the backend ???

[@nitinsahu4864]

@IsraTech please do it soon

[@hamohovhannisyan9587]

10.20 cod ???

[@harshavardhannaralasetty829]

is deployment also done

[@abdulganiyuabdullatif7327]

9ce work

[@abdulganiyuabdullatif7327]

Dash me source code

[@IsraTech1]

Hi Abdul Kindly check in the video description for the project source code link. Email me at [e-mail] if you encounter any challenges, thank you! IsraTech ❤️

[@bandarupeddaprakash657]

can you pls share your github link

[@RUBELKHAN-ob4fn]

where is the repository link? Your description link not working

[@IsraTech1]

All links are functional

[@smithtang7763]

Buddy, the " .1rem" is equal to "0.1"rem, right?

[@IsraTech1]

Correct ✅

[@earn_with_me_bro]

does this web app have backend connectivity?

[@IsraTech1]

Hi Anupama, would you be interested in the back end? Please contact via Email: [e-mail] Thank you.

[@Shubham_Kumar_Sahu]

I know only basic of react. Can I go with this?

[@IsraTech1]

Yea absolutely, it’s beginner friendly. Let me know if you need extra explanation 😊

[@Shubham_Kumar_Sahu]

@@IsraTech1 thanks bro.

[@deviakumari3762]

Did anyone try this project?

[@vothanhank15dn37]

sorry, but can you send me the assets file? I can't find photos and videos

[@IsraTech1]

Hi project link is provided in the description

[@Dare_To_Dream678]

Hlo sir can u complete this project? I need this full project code 😩

[@IsraTech1]

Contact [e-mail] if you need a personalized one. Thank you.

[@somayeh4209]

It is possible to have the source code of the project

[@IsraTech1]

Hi, Links are provided in the video description.

[@munazahfarooqi8939]

Bro space is not coming between cards please help me

[@IsraTech1]

You might have missed className grid, kindly check again

[@DukinDitch]

32:46 home page

[@IsraTech1]

Thank you for watching.

[@Riyaz.17]

Bro how to import the roots css color 👍

[@IsraTech1]

Thanks for watching please follow the tutorial, make sure you are typing the right path. Cheers 🍻

[@harshitraj8245]

I have a question: Can I add this kind of project on my resume which includes only front end and not back end? Please answer it. I will be grateful to you.

[@IsraTech1]

100% you can, good luck. 👍

[@harshitraj8245]

@@IsraTech1 Thank You very much

[@sidsingh223]

.scss code can't run 😢...what can i do

[@IsraTech1]

Kindly rewatch the timestamp

[@monayemhossain5356]

Project starter code plz..

[@jagdishbehera5010]

Plz sign in sign up form

[@pallvarnanm3739]

bro in this project have admin page

[@IsraTech1]

Hi this is a frontend project, very soon I will make one full stack, greetings 🖖

[@technicalexpress456]

Can you image provide now

[@vishnuvarma7693]

my navbar.scss is not working properly

[@IsraTech1]

Kindly rewatch the timestamp

[@sobia8122]

voice tu dalo .. music sunne thori aye hain

[@ShakibAhmedB]

Can you provide me the source code?

[@IsraTech1]

Links are provided in the video description, let me know if you find any challenges

[@hamohovhannisyan9587]

10,20 where did you get this code?

[@IsraTech1]

Hi 👋 How I can help you?

[@hamohovhannisyan9587]

@@IsraTech1 where did you get that code in the css? in root

[@IsraTech1]

10:20 All the colors are the same in the all css files. So I had saved the list of variables with their colors on my second monitor. I just copied the same colors in the :root{} So you can as well copy and reuse the same color variables in all your css files all over the project. I hope this replies to your question, thanks for following the tutorial. Let me know whenever you feel stack. Good luck 👍 IsraTech ❤️

[@pallvarnanm3739]

hi its not running in visual studio code what to do

[@IsraTech1]

If you downloaded the code, Type the following in your terminal npm start Press Enter Make sure your SASS is turned to watching for css to render. Thank you IsraTech ❤️

[@sdkosm]

step to run codde: npm install npm start

[@user-jt6gj6jx6s]

please give me code for backend

[@Gargsunil528]

i dont say this is something that is helping someone. you should prefer explaining it side by side else it is not even clear what you are trying to do unless we finish with the particular section.

[@codeworldz]

29:13

[@recepurkun]

it is not a react project, it is a css project.

[@IsraTech1]

Hi mate, Thank you for watching! Please follow through the tutorial to learn more. ❤️

[@IsraTech1]

Hi all, waiting on the version two for this project, here is a Full stack Desert Safari booking application built with NodeJs React and MySQL. Please check it out and let me have your feedback. 👇 Full Stack Desert Safari Booking App | React JS, NodeJS, MySQL + Database kzbin.info/www/bejne/gmnScnWkrryhi7s Thank you for the support.

[@mokbenali1072]

it,s already 2.4k. and you forgot your promise brother ...😅

[@IsraTech1]

Better late than never 😀

[@munazahfarooqi8939]

app.css Is not working ,

[@IsraTech1]

Hi 👋 Kindly follow the tutorial and make sure you are linking the files correctly, I hope you resolve the issue. Thank you ❤️

[@munazahfarooqi8939]

Can I get your contact I really need help 😭😭

[@IsraTech1]

Hi, email us at [e-mail]

[@IsraTech1]

Hi, email us at [e-mail]

[@IsraTech1]

Hi contact us at [e-mail]

[@kabirkaramtjanov4214]

where is root ???????????????????????

[@Gagantarak]

where igit hub link

[@IsraTech1]

Hi, The project can only be downloaded via the links in the bio.

[@kishoreofficial7513]

Bro my css file is not getting imported. What to do bro?

[@IsraTech1]

Check the path very well. You will be able to import

[@Sameerkhan-ic7kv]

source code mily ga

[@IsraTech1]

Hi find the source code link in the video description

[@kavyaanguluri3188]

Source code???

[@IsraTech1]

Hi, link is in the video description.