https://github.com/codingbygopal/react-movieholms
MovieHolms is a responsive platform that has a huge collection of movies, series, and celebrity content. This platform has been developed using TMDb API, React.js, and Tailwind.
https://github.com/codingbygopal/react-movieholms
front-end-development frontend intersection-observer intersection-observer-api intersectionobserver intersectionobserver-api lazy-loading lazy-loading-images react reactjs reactplayer reactrouterdom skeleton-loading tailwind tailwindcss tmdb tmdb-api tmdb-movie-search
Last synced: 6 months ago
JSON representation
MovieHolms is a responsive platform that has a huge collection of movies, series, and celebrity content. This platform has been developed using TMDb API, React.js, and Tailwind.
- Host: GitHub
- URL: https://github.com/codingbygopal/react-movieholms
- Owner: CodingByGopal
- Created: 2022-09-06T15:58:24.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-01-14T14:19:14.000Z (about 3 years ago)
- Last Synced: 2025-07-15T13:26:42.489Z (6 months ago)
- Topics: front-end-development, frontend, intersection-observer, intersection-observer-api, intersectionobserver, intersectionobserver-api, lazy-loading, lazy-loading-images, react, reactjs, reactplayer, reactrouterdom, skeleton-loading, tailwind, tailwindcss, tmdb, tmdb-api, tmdb-movie-search
- Language: JavaScript
- Homepage: https://movieholms-gopal.netlify.app/
- Size: 1.73 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MovieHolms — Ratings, Reviews, and Where to Watch the Best Movies & TV Shows
MovieHolms is the biggest and most authoritative source for movie, TV, and celebrity content collection platform. The website is responsive and completely free to use. You can find ratings and details for the newest movies and TV shows and you can watch trailers and other relevant videos too within the platform. Get similar movie/series recommendations, and learn where to watch across hundreds of streaming providers.
## Development And Optimizations
MovieHolms has been developed using React.js and Tailwind CSS. It has many features of modern UI example react top loading bar and react-loader-spinner, skeleton loading while fetching data from API, lazy image loading, and so on. For providing smooth animations, skeleton loading, and lazy image loading, Intersection observer API has been used. Custom hooks and components have been created to keep the code methodology 'DRY'. One of the most popular slider packages "SWIPER.JS" has been used which provides amazing UI design. MovieHolms is loaded with Image optimization, data fetching optimization, intersection observer API features, and so many other modern UI features. All components have been hand coded as no component library was used to design components.
## Api
MovieHolms uses the [TMDb Api](https://developers.themoviedb.org/3/getting-started/introduction) as source of data
## Resource
Font: https://fonts.google.com/
Icons: https://fontawesome.com/
Color Palettes: https://coolors.co/ , https://yeun.github.io/open-color/
Contrast check: https://coolors.co/contrast-checker/112a46-acc8e5
Illustrations: https://storyset.com/
Html Entity: https://tools.w3cub.com/html-entities
Images: https://www.pexels.com/ , https://unsplash.com/
Favicon: https://realfavicongenerator.net/
Tinst and shades: https://maketintsandshades.com/
Image design: https://www.adobe.com/express/create/banner
Placeholder: https://placeholderimage.dev/
Image handling: (compress,resize etc.): https://squoosh.app/
Features Check: https://caniuse.com/
## Tech Stack
**Client:** React, TailwindCSS
**Packages:** swiper.js, react-player, react-top-loading-bar, react-loader-spinner , react-router-dom
## Run Locally
Install dependencies
```bash
npm install
```
Start the server
```bash
npm run start
```
## Preview
# Hi, my name is Gopal ji! 👋
## 🚀 About Me
I'm a front-end web developer. I'm the developer of MovieHolms Website.
## 🛠 Skills
React.js, Next.js ,ngular.js,TypeScript, Bootstrap,SASS,Tailwind css, Javascript, HTML, CSS,