Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/reaperdragon/movium
Movium is a Streaming App created with Next Js, the TMDB API, and all of the CSS magic, including Framer motion and Styled-Component with Search Functionality.🎥
https://github.com/reaperdragon/movium
css3 framer-motion hooks imdb movies moviesapp netflix netlify-deployment nextjs react reactjs ssr streaming styled-components tmdb-api tv-shows
Last synced: about 1 month ago
JSON representation
Movium is a Streaming App created with Next Js, the TMDB API, and all of the CSS magic, including Framer motion and Styled-Component with Search Functionality.🎥
- Host: GitHub
- URL: https://github.com/reaperdragon/movium
- Owner: reaperdragon
- Created: 2022-07-18T13:29:04.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-01-23T06:24:42.000Z (about 2 years ago)
- Last Synced: 2024-07-29T20:52:57.605Z (6 months ago)
- Topics: css3, framer-motion, hooks, imdb, movies, moviesapp, netflix, netlify-deployment, nextjs, react, reactjs, ssr, streaming, styled-components, tmdb-api, tv-shows
- Language: JavaScript
- Homepage: https://movium.netlify.app/
- Size: 273 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎥 Movium
# 🔗 [Demo Link](https://movium.netlify.app/)
# 💻 Tech
- Frontend : [Next Js](https://nextjs.org/)
- API : [TMDB API](https://www.themoviedb.org/)
- Style : [Styled Compoents](https://styled-components.com/)
- Animation : [Framer Motion](https://www.framer.com/developers/)
- Swiper : [Swiper React](https://swiperjs.com/react)
- Icons : [Iconsax React](https://iconsax-react.pages.dev/)
- Fonts : [Google Fonts Manrope](https://fonts.google.com/specimen/Manrope)
# 🔧 Installation
## Clone
- Clone this repo with url
```shell
git clone https://github.com/Aakrut/movium
```
## Setup
> Install npm dependencies using npm install
```shell
cd movium && npm install
```
> Set up the TMDB API key
> Create a .env file in the main directory
> Set up required environment variables.
```
NEXT_PUBLIC_API_KEY=your_tmdb_api_key
```
> Navigate in the directory and run the following command
```
npm run dev
```
> **Note**
> If you encounter any problems while searching, try refreshing because the tmdb api occasionally experiences network issues.
# 🖼️ Screenshots
