This application lets you see the trending shows on The Movie DB (TMDB).
A search feature is also implemented.
In both cases, results are filtered by type: Movie or TV Show.
You can also see more details for each show.
Four routes are implemented: home, search, movie and tv show.
On devices that have a keyboard, the results grid can be navigated with the four 'Arrow' keys. The 'Enter' key navigates to the selected item page.
The app adapts to mobile / smaller screen devices as the grid layout is responsive.
The app was developed with the Remix framework and TypeScript.
The app is live on Vercel at the address on the right.
Some simple tests are included (using Vitest and React Testing Library).
Initial support for pagination is also there.
📖 See the Remix docs and the Remix Vite docs for details on supported features.
Run the Vite dev server:
npm run dev
First, build your app for production:
npm run buildThen run the app in production mode:
npm startNow you'll need to pick a host to deploy it to.
If you're familiar with deploying Node applications, the built-in Remix app server is production-ready.
Make sure to deploy the output of npm run build
build/serverbuild/client