Genre Filters in TMDB API based site | Part 2 | HTML CSS JS | 50Projects50Days

Genre Filters in TMDB API based site | Part 2 | HTML CSS JS | 50Projects50Days

Asish George Tech

3 года назад

32,463 Просмотров

A lot of requests came in on how to implement a Genre-based filter for the TMDB API. I tried that out and this my version of the same. Hope you find it useful as well. This is an extension of the Project done by Traversy Media in his course 50Projects50Days. The course is linked below.
https://www.udemy.com/course/50-projects-50-days/

The Link to the GitHub repo is https://github.com/asishgeorge/50Projects50Days

Timecodes
0:00 - Introduction
0:40 - API logic
1:20 - Get Genre List
4:15 - Create Genre Tags
5:46 - Style Genre Tag
9:36 - Dynamically add genre tag
14:33 - Make Tags Clickable
23:44 - Highlight Selected tag
28:45 - Fix broken Image
30:27 - No Results Found Section
32:59 - Create Clear Button
39:07 - Search with Genre?
39:53 - Reset Filter on Search
40:40 - Conclusion

Laptop I use: https://amzn.to/3glrqzo

Follow me on :

Instagram: https://www.instagram.com/asish.george/
LinkedIn: https://www.linkedin.com/in/asish-george/
Twitter: https://twitter.com/asishgeorg

#javascript #tmdb

Тэги:

#Asish_George #Tech #web_development #html #css #js #javascript_beginners #html_for_beginners #css_for_beginners #how_to #programming #coding #AG_Tech #Asish_George_Tech #tmdb_api #genres_in_tmdb_api #genres_in_tmdb #tmdb_api_javascript #tmdb_api_example #tmdb #genre_filter_in_tmdb_api #genre_filter_tmdb #tmdb_api_basics #tmdb_get_all_movies #tmdb_filter_setup #tmdb_api_app #how_to_use_tmdb_api #how_to_use_tmdb_api_javascript #how_to_get_genre_in_tmdb_api
Ссылки и html тэги не поддерживаются


Комментарии:

@easy_ev
@easy_ev - 22.04.2021 00:09

That was very good, it deserves more than 26 views. Good luck to you sir.

Ответить
@joo.online
@joo.online - 23.04.2021 13:48

well done, I'm waiting for the third part of the video

Ответить
@tinpham6413
@tinpham6413 - 18.05.2021 14:50

Thank you so much

Ответить
@athuynh8599
@athuynh8599 - 28.05.2021 07:29

Cannot set property 'innerHTML' of null

Ответить
@kevindivinagracia8620
@kevindivinagracia8620 - 22.07.2021 19:46

i want to see ... part 3

Ответить
@UltimateKeyboardWarrior
@UltimateKeyboardWarrior - 09.08.2021 03:47

Hello Asish, I can't seem to find the movie ratings in the API. Like Rated R, Rated PG-13, etc. Do you know where I can get that data?

Ответить
@carloseduardogomezlozano491
@carloseduardogomezlozano491 - 10.08.2021 01:11

good afternoon. How to put the video player?. Any idea, please. God blessing you

Ответить
@Brunodelucasdev
@Brunodelucasdev - 24.08.2021 07:46

Why create pages for division of movies?
Example, page 1 contains 0 to 5 movies, page 2 contains 5 to 10 movies

Ответить
@ASh-lt3rr
@ASh-lt3rr - 23.09.2021 18:48

You LEGEND!

Ответить
@dontsayanything4397
@dontsayanything4397 - 05.10.2021 02:39

I'm trying to make it horizontally, with movies and series. Can you help me?

Ответить
@swethav6235
@swethav6235 - 07.10.2021 10:58

want pagination

Ответить
@ciprianolaru388
@ciprianolaru388 - 22.10.2021 13:31

How can I make the clear button disappear after all the genres are not highlighted anymore?

Ответить
@lucaslemos9598
@lucaslemos9598 - 13.11.2021 23:19

If I deselect the genres manually, the clear button remains there. How can I remove the clear button when there are no genres selected/highlighted?

Great video! Thanks.

Ответить
@Exploreandbefree
@Exploreandbefree - 24.11.2021 20:02

This is really amazing, I have learned a lot from following your videos, thank you!

Ответить
@samirhossain2120
@samirhossain2120 - 09.12.2021 11:35

brother great tutorial!! How can i integrate popular people section in that page ..? please let me know
it's urgent brother

Ответить
@samirhossain2120
@samirhossain2120 - 09.12.2021 11:39

brother please help me out .. how can I popular people in tmdb movie site

Ответить
@samirhossain2120
@samirhossain2120 - 09.12.2021 16:39

it's urgent because i have to complete my project .. please brother

Ответить
@lujia91
@lujia91 - 31.03.2022 02:27

you are god!!!!!!!!!!!!!!!!!!!! thanks for this

Ответить
@merunus8556
@merunus8556 - 07.04.2022 19:20

Thank you so much, what about to make a pop up modal so when you click on the card there will b the information about films?

Ответить
@birajpaudel054
@birajpaudel054 - 14.05.2022 12:37

how to filter popular trending and top rated ? tmdb gives it but totally unorganized.

Ответить
@omerats96
@omerats96 - 26.05.2022 11:28

Thank you so much for this! One question: Why do you create HTML elements for the genre dropdown, only to delete them later? Why not just go with creating them dynamically?

Ответить
@lazyjinchuriki1335
@lazyjinchuriki1335 - 25.11.2022 20:03

the filters look very cluttered can you tell how can i make it a good dropdown menu in the header
Thank You in advance.

Ответить
@webdeveler
@webdeveler - 29.04.2023 09:27

Great videos

Ответить
@VikasSharma-eg8mc
@VikasSharma-eg8mc - 03.05.2023 10:03

Very nice video, explained everything excellently

Ответить
@winietwitter1501
@winietwitter1501 - 02.05.2024 08:38

Halo

Ответить
@AsishGeorgeTech
@AsishGeorgeTech - 19.04.2021 17:36

Forgive my pronunciation ✌🏼

Ответить