search

nicmart-dev / bundletv

Telus TV bundle recommendation proof of concept for BrainStation Industry Project 24h hackathon.
https://nicmart-dev.github.io/bundletv/
2 stars 2 forks source link

Create Genre slicer component #6

Closed nicmart-dev closed 5 months ago

nicmart-dev commented 5 months ago

List from ChatGPT Action Adventure Animation Biography Comedy Crime Documentary Drama Family Fantasy Film-Noir Game-Show History Horror Music Musical Mystery News Reality-TV Romance Sci-Fi Sport Talk-Show Thriller War Western

nicmart-dev commented 5 months ago

Explore npm packages to look like IMDb https://www.imdb.com/search/title/

Image

Yes, there are several npm packages that can help you create a genre filter control similar to the one on IMDb. Here are a few options:

React-Select: This package provides a highly customizable select input control that can be used to create multi-select dropdowns, which are ideal for genre filters. It supports asynchronous loading, custom rendering, and more. You can easily configure it to match the IMDb style filter.

React-Select React-Multi-Select-Component: This is another package that allows for easy creation of multi-select dropdowns. It's designed to be simple and flexible, making it a good choice for implementing a genre filter.

React-Multi-Select-Component on npm

nicmart-dev commented 5 months ago

Use shared select component https://github.com/nicmart-dev/bundletv/issues/24