Implement Search, Sort, Filter and Pagination Rest API With Node JS | Express | MongoDB

  Рет қаралды 98,280

CyberWolves

CyberWolves

Күн бұрын

What's up Guys,
Today we gonna be building this awesome project with MERN stack. By building this project you gonna learn how to create API which handle pagination, sort, filter and search. Yes, all of this in one API. And we also gonna learn how to call this API and show the data in beautiful UI from frontend with React.
Why do we need to build API's like this. Because By adding search, filter with pagination makes it easier for the user to find what he is looking. I'm so excited to build this project for you guys, I hope you too. Before we jump into our vscode those who new to this channel I highly recommend you to subscribe and like this video. So without wasting time Let's Get Started....
Source Code : github.com/cyb...
╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
╠╗║╚╝║║╠╗║╚╣║║║║║═╣
╚═╩══╩═╩═╩═╩╝╚╩═╩═╝
Music In Video :
Rhodesia by Twin Musicom is licensed under a Creative Commons Attribution 4.0 license.
creativecommon...
Artist: www.twinmusicom...

Пікірлер: 55
@CyberW0lves
@CyberW0lves Жыл бұрын
Watch this video to Implement Search, Sort, Filter and Pagination in React JS => kzbin.info/www/bejne/lZqXiJxqaLOHetE
@vampirekabir
@vampirekabir Жыл бұрын
other youtubers will take 3 hour to teach the same thing,thanks for being concise
@laxmikanthgurram1074
@laxmikanthgurram1074 10 ай бұрын
exactly!!
@PlatonBC
@PlatonBC 8 ай бұрын
Oh yes!🎉
@nilla_billa
@nilla_billa 3 ай бұрын
But they will explain each and everything, and why are we using any option that's why so that you do need to watch any video again
@laxmikanthgurram1074
@laxmikanthgurram1074 10 ай бұрын
subscribed brother. Feeling proud that you are an Indian brother. You are doing a great job ,the same would have been explained by other youtubers like for more than 2 hours. Dont stop ,keep doing more and more MERN stack projects in same fashion .God bless you!!
@vanithb6630
@vanithb6630 2 жыл бұрын
bro... we are waiting next video.. please upload it.. thanks lot bro
@CyberW0lves
@CyberW0lves 2 жыл бұрын
Will upload soon
@rmt0858
@rmt0858 2 жыл бұрын
@@CyberW0lves upload soon
@bagmat
@bagmat Жыл бұрын
what tool did you use to create your mock-ups
@vijaykoladara8302
@vijaykoladara8302 2 жыл бұрын
How to implement in react ?
@mehemmednezerli38
@mehemmednezerli38 Жыл бұрын
Hi friend, I need a help. How can I give two options to the sort method? for example in this video we have sort by genres so can we add another options such as lemme say we have films and they have genres and costs and we have to sort it not only in genres but also in costs for example : movie "Interstellar" cost:"12" genre:"Sci-fic" and user can sort only in cost or only in genre or with both of them Can you help me? thanks in advance man:)
@fxpin9293
@fxpin9293 Жыл бұрын
I'm facing with the same problem, I've tried few things to add a second tcheckbox with other choices but I'm stucked. Anyway thanks a lot to Cyberwolf for this perfect tutorial !
@mehemmednezerli38
@mehemmednezerli38 Жыл бұрын
@@fxpin9293 dude if you found how to add two different categories feel free to share your knowledge bud :)
@gabyiy
@gabyiy 2 жыл бұрын
Hi i get this error when i try to make the search with postman const castError = new CastError(); ^ CastError: Cast to ObjectId failed for value "movies" (type string) at path "_id" for model "Recipe" at model.Query.exec (C:\Users\Gabi\OneDrive\Desktop\food cloud\server ode_modules\mongoose\lib\query.js:4786:21) at model.Query.Query.then (C:\Users\Gabi\OneDrive\Desktop\food cloud\server ode_modules\mongoose\lib\query.js:4885:15) at processTicksAndRejections (node:internal/process/task_queues:96:5) { messageFormat: undefined, stringValue: '"movies"', kind: 'ObjectId', value: 'movies', why i get this ? ty
@BecomeALengend
@BecomeALengend 2 жыл бұрын
@CyberWolves please upload frontend part🙏
@maniac1441
@maniac1441 2 жыл бұрын
Thanks, helped me a lot
@ThabaniMASUKUME
@ThabaniMASUKUME 5 ай бұрын
Hey there, this was very informational. Thank you for taking your time in preparing this!
@himanshuyadav0600
@himanshuyadav0600 6 ай бұрын
case insensitive sorting?
@agustincristobo9634
@agustincristobo9634 2 жыл бұрын
nicely done, i finally understand how to make a search for my api 😊. ty a lot sir
@jainilmaheshwari475
@jainilmaheshwari475 2 жыл бұрын
Make a video on implementing Roles in api
@SahilKhatri-ph4hv
@SahilKhatri-ph4hv Жыл бұрын
Bro please upload the next part of this video which is related to frontend api handling
@pratheeshm400
@pratheeshm400 8 ай бұрын
WHat if I want rating along with gender filter?
@pankajpanday6351
@pankajpanday6351 3 ай бұрын
This video is pure gold but lacks one most important thing called "explanation"...so basically just a github code made to video...i would rather look at code if this is the explanation
@devlab2023
@devlab2023 2 ай бұрын
That was straightforward ❤ tnks
@rakeshkumarparida98
@rakeshkumarparida98 Жыл бұрын
Which theme you are using
@eshw23
@eshw23 2 жыл бұрын
The postman part was very confusing, please give a quick explanation of how to set up these API's or databases next time.
@ghulammohiyuddin387
@ghulammohiyuddin387 Жыл бұрын
what a quick implementation ... great dear thanks for this logic.
@atulkumar_zip
@atulkumar_zip Жыл бұрын
Your theme bro? And font?
@MuhammadAhmad-bx2rw
@MuhammadAhmad-bx2rw 2 жыл бұрын
amazing video editing. You can make a video editing course as well. Nice code!
@feyroozcode
@feyroozcode Жыл бұрын
This video need mores view
@stain5570
@stain5570 Жыл бұрын
bro can you merge this with mongodb database
@mohamedfayis1561
@mohamedfayis1561 Жыл бұрын
what if we want to use search for Number datatype?
@МихаилСедов-ж7ш
@МихаилСедов-ж7ш 4 ай бұрын
Спасибо Вам большое за Вашу работу!
@eilleenlambo309
@eilleenlambo309 5 ай бұрын
nice one
@viki9126
@viki9126 2 жыл бұрын
thank you sir for quality content waiting for the next video.
@kazugaming1463
@kazugaming1463 Жыл бұрын
Bro, been looking for a system like this one, thanks bro
@Hrit
@Hrit Жыл бұрын
Good tutorial!
@alaluddin9005
@alaluddin9005 Жыл бұрын
Thank you so much sir...
@frandepaulo
@frandepaulo Жыл бұрын
Beautiful
@kalpeshwani231
@kalpeshwani231 2 жыл бұрын
kab ayegi next video
@kalpeshwani231
@kalpeshwani231 2 жыл бұрын
👍
@karamsahoo6852
@karamsahoo6852 2 жыл бұрын
Nice one
@OptimusPrime-js1zf
@OptimusPrime-js1zf Жыл бұрын
This is really amazing video man. Keep posting such videos. BTW I loved the way you explain each step u worked on.
@kalpeshwani231
@kalpeshwani231 2 жыл бұрын
Please upload the next video
@CyberW0lves
@CyberW0lves 2 жыл бұрын
Sorry for the delay will upload soon.
@chiragmehta900
@chiragmehta900 2 жыл бұрын
Hey guys, try out this node js typescript boilerplate github.com/chiragmehta900/node-typescript-boilerplate-postgres Please stare at this repository if you like this.
@alamjamal4011
@alamjamal4011 2 жыл бұрын
Frontend code??
@CyberW0lves
@CyberW0lves 2 жыл бұрын
Will be uploaded in next Week.
@alamjamal4011
@alamjamal4011 2 жыл бұрын
@@CyberW0lves thanks a lot
@AshishKumar-sn6ky
@AshishKumar-sn6ky 2 жыл бұрын
@@CyberW0lves when will it be uploaded sir
@CyberW0lves
@CyberW0lves 2 жыл бұрын
@@AshishKumar-sn6ky Will be uploaded tomorrow.
@jerefd7491
@jerefd7491 Жыл бұрын
bro use "let sort = req.query.sort || "rating"; " so how can it sort by year ? How can I get the year and the rating at the same time, sir?
An Unknown Ending💪
00:49
ISSEI / いっせい
Рет қаралды 57 МЛН
💩Поу и Поулина ☠️МОЧАТ 😖Хмурых Тварей?!
00:34
Ной Анимация
Рет қаралды 2 МЛН
БЕЛКА СЬЕЛА КОТЕНКА?#cat
00:13
Лайки Like
Рет қаралды 2,7 МЛН
小丑妹妹插队被妈妈教训!#小丑#路飞#家庭#搞笑
00:12
家庭搞笑日记
Рет қаралды 38 МЛН
How Versioning Works in NodeJS?
21:10
Piyush Garg
Рет қаралды 61 М.
Search Filter in React JS - Filter Through Results
8:53
Code Commerce
Рет қаралды 155 М.
JavaScript Pagination in ~10 Minutes (Super EASY!!)
13:06
James Q Quick
Рет қаралды 30 М.
Full Text Search With MongoDB And Node.js
12:35
Florian Ludewig
Рет қаралды 11 М.
What are HTTP Headers in API
17:38
Piyush Garg
Рет қаралды 71 М.
API vs. SDK: What's the difference?
9:21
IBM Technology
Рет қаралды 1,4 МЛН
Node.js is a serious thing now… (2023)
8:18
Code With Ryan
Рет қаралды 650 М.
An Unknown Ending💪
00:49
ISSEI / いっせい
Рет қаралды 57 МЛН