Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/onderonur/remix-shows
TV Show guide built with Remix.
https://github.com/onderonur/remix-shows
react remix remix-run tmdb-api typescript
Last synced: 8 days ago
JSON representation
TV Show guide built with Remix.
- Host: GitHub
- URL: https://github.com/onderonur/remix-shows
- Owner: onderonur
- License: gpl-3.0
- Created: 2022-03-26T10:20:39.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-31T09:40:09.000Z (10 months ago)
- Last Synced: 2024-08-02T15:45:39.038Z (3 months ago)
- Topics: react, remix, remix-run, tmdb-api, typescript
- Language: TypeScript
- Homepage: https://remix-shows.netlify.app/
- Size: 3.62 MB
- Stars: 6
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# remix-shows
This is a tv show guide web application built with [Remix](https://remix.run/) and [TMDb API](https://developers.themoviedb.org/3/getting-started/introduction).
**Live demo is [here](https://remix-shows.netlify.app/).**
## ✅ Features
- List popular shows
- Filter by genre
- Sorting options
- Search
- View rating, images, videos etc. of shows, seasons and episodes
- List similar shows
## 💻 Tech Stack
- Language: [TypeScript](https://www.typescriptlang.org/)
- Framework: [Remix](https://remix.run/)
- API: [TMDb API](https://developers.themoviedb.org/3/getting-started/introduction)
- UI Library: [Chakra UI](https://chakra-ui.com/)
- Styling: [Emotion](https://emotion.sh/docs/introduction)
- Linting: [ESLint](https://eslint.org/)
- Code Formatting: [Prettier](https://prettier.io/)
- Deployment: [Netlify](https://www.netlify.com/)
## ⌨️ Development
To start development, we should get our API key from [here](https://developers.themoviedb.org/3/getting-started/introduction) first.
After that, we create a `.env` file and set our environment variables:
```
API_KEY=your_api_key_here
```
Install our packages:
```
npm install
```
And when the installation is completed, we can run the app by:
```
npm run dev
```
and it will start on `http://localhost:3000`.