https://github.com/gulrugar/netflix-next13

https://github.com/gulrugar/netflix-next13

github-login mongo nextjs13 oauth2 reactjs tailwindcss typescript

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/gulrugar/netflix-next13
• Owner: Gulrugar
• Created: 2023-08-04T23:26:33.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-08-09T23:08:33.000Z (almost 3 years ago)
• Last Synced: 2025-02-03T06:35:33.365Z (over 1 year ago)
• Topics: github-login, mongo, nextjs13, oauth2, reactjs, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://netflix-next13-one.vercel.app
• Size: 488 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Netflix

[Visit the live demo website =>](https://netflix-next13-one.vercel.app "Netflix")

## Description

This is beautifully recreated version of the Netflix app built with Next.js 13. Features include logging in with Google or Github (as well as classic accounts). Also, users can view movies in fullscreen mode, view movie information and add favorites.

![website-complete](https://github.com/Gulrugar/Netflix-Next13/assets/105955316/ca69f6bc-0717-4e60-8f85-7f6ab85fcd80)

Key Points:

1. Press the play button to swap to fullscreen mode

2. Click + / ✓ to add movies to "My List"

3. Click ⌄ to open an information modal with movie details

![website-complete](https://github.com/Gulrugar/Netflix-Next13/assets/105955316/6ca2a24d-bc75-4935-8ced-3f7acad4674f)

Fullscreen Mode

![website-complete](https://github.com/Gulrugar/Netflix-Next13/assets/105955316/74833b14-261e-4520-a7b1-a892606f2bdd)

Information Modal

![website-complete](https://github.com/Gulrugar/Netflix-Next13/assets/105955316/8eb4268d-48db-4c46-9b9f-db266d385024)

4. Login with Google or Github

![website-complete](https://github.com/Gulrugar/Netflix-Next13/assets/105955316/86c92126-94ff-4748-b6e7-a22f760ed2af)