Graphql incoming ?

Flight Booking MERN

MEAN stack

React and php mysql please

Hi Safak, thanks for new video. Please make project with Typescript!

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

TRUE

AMAZING

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

did u found the solution??? Please do give the solution also@@SwarnarkaDas

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

I could not connect to mongoDB please help me bro

@@abiddawar7519 in your .env, use 'equal to' sign instead of colon...

@@vaalarivan_p Hey I got a problem while doing this project can you please help me

@@sayanmaity2694 What kinda problem??

Why m i getting like this nodemon app crashed - waiting for file changes before starting...

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

Hi bro, what project did you create to show the interviewer?

Junior full stack...hmmm.. you are a genius!!!

@@karenmelikyan377 Thanks, but I am not genius at all. Not a necessity.

Hello please can you tell me that in this project how we logout from website

@@harshsinghal8527 whenever I get the time, I will check.

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

Thank you

@@SwarnarkaDas check you "countByCity" function in "api/controllers/hotel.js" It should be like this: export const countByCity = async (req, res, next) => { const cities = req.query.cities?.split(","); if (cities) { try { const list = await Promise.all( cities?.map((city) => { return Hotel.countDocuments({ city: city }); }) ); return res.status(200).json(list); } catch (err) { next(err); } } }; after this check its route in "api/routes/hotels.js" make sure that coreect route is present for the function It should be like this: router.get('/countByCity',countByCity); If you've done both of these things correctly then code must be run properly

Why I will not get data in console 1:36:57

@humanity7880 thanks for the help brother 👍

Can you give your insta id i faced one problem in this project

Heyy, im facing the same problem. Could I connect with you over any other medium ???

thank you so much I was facing this problem and it is fixed now.May God bless you.

@@akotech79 please describe your solution and post the code if possible

my solution, I add cors in api and after change useFetch const Featured = () => { const { data, loading, error } = useFetch( "localhost:8800/api/hotels/countByCity?cities=berlin,madrid,london" ); console.log(data)

Yes this is a great idea. I’ve been looking for a similar project.

Are you talking like one that interacts directly with your webcam? That would be cool. I feel just making the appointments is an easy adaptation from the skills learned in this one.

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

@@SwarnarkaDas c'mon man don't you have some access to gpt?

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

yes agreed! there is the same problem which I was solving :D

can you please explain this to me? We aren't invoking the next function by adding () but it's still sending it out of the verifyUser function. How?

How it solve it? Can anyone help me?

@@hershey92 Hi bro not sure if you still need this but I had the same issue and figured it out, I think. Inside of the verifyUser function we call verifyToken, which takes 3 parameters: req, res and next. if you give it 4 parameters in the nested function it will not executed the callback function and it will go directly to the next middleware(updateUser, updateHotel etc etc). however if no cookie is in place it will have no information for req.user.admin( which is required in the body of the nested callback). anyways it is solved by checking of req.user exists. I am just a humble intern so I think this is how it works, pls correct me if I am wrong, anyway my code works as it should. export const verifyUser = (req,res,next) =>{ verifyToken(req,res,()=>{ if(req.user.id === req.params.id ||req.user?.isAdmin){ console.log(req.user.isAdmin) next() }else{ return next(createError(403, "You are not autorized")) } }) } export const verifyAdmin = (req,res,next) =>{ verifyToken(req,res,()=>{ if(req.user?.isAdmin){ next() }else{ return next(createError(403, "You are not admin autorized")) } }) }

By placing the question markt there it will return false if its undefined

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

@@SwarnarkaDas initially my local storage is undefined how to solve that problem

I will love that sir

I couldn't connect to mongoDB please help me

@@abiddawar7519 how can i help you ?

@@sohailraza2005Why m i getting like this nodemon app crashed - waiting for file changes before starting...

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

​@@SwarnarkaDas if you have solve this problem then can you please help me out Actually i'm also getting like this

Yes! That would be so helpful. I've never seen any video with that kind of project

I am totally agree with you :)

I encounter this same problem but rather get xhr.js:220 GET localhost:8800/api/users 401 (Unauthorized); I tried this but where do I use the list state. Thank your for your feedback

@@amacodes7347 Hi, if you get a 401 unauthorized it probably means your user is not an admin

@@brentlombaard7573 kind of strange because if the user was not the admin then he can't access the dashboard, besides it works in Postman but on the client site it doesn't

Did you guys completed this project ?

@@surajchandramauli yes i Did

Is the project completed in this tutorial?

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

@@SwarnarkaDas hey, have u solved this error, i have similiar problem

@@user-lr5bi9gf9x I removed the Featured components

Do you have the solution for it?

Will i face any problem in the next parts if i do what you did?

adding stripe payment is very easy go through their docs and just see any video that do payment through stripe in your tech stack u will get the idea

@@namansharma1448 Okay. Thank you.

i have a same issue

just destructure the req.params for one more value limit and use it in limit part of hotels.find function so right now we have const{min,max,...others}=req.query and change it to const{min,max,limit,...others}=req.query and in the Hotels.find function change the part "limit(req.query.limit)" to "limit(limit)"

​@@sanjeevmurmu6505thank you so much for your help.

thanks bro @@sanjeevmurmu6505

remove next from verify token()

@@arunkumara9398 In the admin function...?

@@brianmurithi2985 did you comleted this project ?

Can anyone explain why is it happening

@@kumarsrijan7566 next in the function parameter means once completed go to the next middleware function. In this case if you add next in verifyToken function's parameter, the next will refer to the middleware after verifyToken function from the routes -- but your routes doesn't have verifyToken, but it has verifyAdmin, so ideally you want the next () -> to refer to your verifyAdmin, so that the next middleware, which in this case is updateHotel is executed. @01:13:15 Lama said it, that the next is referring to verifyToken --> that is the catch. So if you should add next as an parameter to verifyAdmin middleware function and not the verifyToken middleware function. Hope it helps!

Kaio, mesmo depois de fazer isso, recebo erro 500 dizendo que não é possível ler a propriedade "isAdmin" de undefined... consegue me ajudar?

Can you please explain further?

@@Patinhow100 I'm also having this issue, did you ever end up fixing it?

@@wtcprotoss did you solve it?

hey did you find the solution please ?

And I tried to print the 'isFound'. it shows undefined, why is it?

@@neilhong7133 did you guys completed this project ?

If this issue s resolved please let me know, what you did, In my case it is not disabling the checkbox

True, try removing the 'next' parameter in verifyToken inside verifyAdmin / verifyUser

@@kennedymwangi5880 Heyyy...could you please elaborate...I'm stuck here..

if (!req.user) { return res.send('No user token is availible.'); } i remove next and added this at the top of the function,now it seems cool..

@@jswarrior_ whats function?

Replace the both verifyAdmin and verifyUser functions with these: export const verifyAdmin = (req, res, next) => { verifyToken(req, res, () => { if (req.user.isAdmin) { next(); } else { return next(createError(403, "You are not authorized!")); } }); }; export const verifyUser = (req, res, next) => { verifyToken(req, res, () => { if (req.user.id === req.params.id || req.user.isAdmin) { next(); } else { return next(createError(403, "You are not authorized!")); } }); };

Did he make it responsive?

I have same problem

I resolved it by just putting the url as :localhost:8800/hotel

@spikerrbg 22 Check your index.js file. Perhaps your endpoint is wrongly typed. It should be "/api/hotels" not "api/hotels". Also your hotels.js routes file should be '/' for the insomnia to work at 27:02

npm audit fix --force if it persists

i think u have to use return in map function

Solution: repalce data[i].type with data[i]?.type Reason: optional chaining Edit -- apologies didnt see that you got it fixed

@@RakeshSahu-cr9ks thanks anyway, dude

@@RakeshSahu-cr9ks 😅 I'm stuck here and decided to sleep, now that there's a fix i'm lazy to wake up....

Hello. I faced the same issue. And the author further in the video shows how it can be solved. With the help of local storage. Lama wrote this for authentication, and for storing date data - the principle is almost the same. I did it. The main thing is then to replace in the function for the simplicity of days: datex.getTime() with Date.parse(datex). I hope this helps you. //In SearchContext edit INITIAL_STATE like below. const INITIAL_STATE = { city: undefined, dates: JSON.parse(localStorage.getItem("dates")) || [], options: JSON.parse(localStorage.getItem("options")) || { adult: undefined, children: undefined, room: undefined, } } //And in SearchContext in function SearchContextProvider add useEffects like below export const SearchContextProvider = ({children}) =>{ const [state, dispatch] = useReducer(SearchReducer, INITIAL_STATE); useEffect(()=>{ localStorage.setItem("dates", JSON.stringify(state.dates)); }, [state.dates]); useEffect(()=>{ localStorage.setItem("options", JSON.stringify(state.options)); }, [state.options]); return ( {children} ) }; //At last in component Hotel.jsx change dayDifference function const dayDifference = (date1, date2)=>{ const timeDiff = Math.abs(Date.parse(date2) - Date.parse(date1)); const diffDays = Math.ceil(timeDiff / MILLISECONDS_PER_DAY); return diffDays; };

@@lunyx5856 Большое спасибо, пытался использовать parseISO и были баги

@@ggindinson @Андрей Курзанцев I face this problem but I can not solve this problem.

@Mah Fuz same with me if u get the answer tell me

@@aryanshaw2462 me too,,i don't get value of dates,, it's showing empty array

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

👆Send a direct message for help 🆙 ⬆️.

bro can you send Source Code link plz

at 1:52:21 instead of fetching data on the basis of city it only fetched data only whose 'featured:false' hotels ... const { data, loading, error, reFetch } = useFetch(`/hotels?city=${destination}`).....i am getting stuck here..please help me

Hii bro I'm beginner should I start admin project first then this? Bcz admin must to manage the product? Please reply