https://github.com/dresandev/dreflix

Movie app in the style of Amazon prime video and Crunchyroll. 🍿
https://github.com/dresandev/dreflix

css-modules movies-app nextjs-14 the-movie-db typescript

Last synced: 2 months ago
JSON representation

Movie app in the style of Amazon prime video and Crunchyroll. 🍿

• Host: GitHub
• URL: https://github.com/dresandev/dreflix
• Owner: dresandev
• Created: 2024-07-19T06:38:42.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-12-29T23:20:10.000Z (6 months ago)
• Last Synced: 2025-04-10T16:51:41.960Z (2 months ago)
• Topics: css-modules, movies-app, nextjs-14, the-movie-db, typescript
• Language: TypeScript
• Homepage: https://dreflix.vercel.app
• Size: 2.34 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Dreflix: Movie explorer

Web application to explore movies, with features such as infinite scroll, a movie search engine focusing on keyboard navigation in the style of the YouTube search engine, a carousel to promote movies with features such as auto play only when it is in the viewport or the tab has the focus, animations when changing and showing a new item, among many other details and functionalities; The design of the App is a combination between the Amazon Prime Video application and Crunchyroll.

## Screenshots

![image](https://github.com/user-attachments/assets/9d256d12-ce3f-4530-ac8e-8cd6dbe38328)

![image](https://github.com/user-attachments/assets/2015cbce-0072-4034-9bef-436e2a5ee506)

![image](https://github.com/user-attachments/assets/15ff2333-3c6d-4a7f-bf1a-519667eedb01)

## Environment Variables

`API_BASE_URL`

`ACCESS_TOKEN_AUTH`

here you can get the `ACCESS_TOKEN_AUTH`: https://developer.themoviedb.org/reference/intro/authentication

## Run development server

After setting environment variables, you can start the development server by running the following commands

```bash

  cd dreflix

  # or the name you gave the project when cloning the repository

  yarn dev

  # or

  pnpm dev

  # or

  npm dev

```