https://github.com/justhackone/netflix-site

Good practice for creating a site for watching movies. Authorization is implemented (using Google, GitHub and by mail and password). Movie feed, list of favorite movies, watching movies).
https://github.com/justhackone/netflix-site

axios mongodb nextjs pet-project react typescript zustand

Last synced: 2 months ago
JSON representation

Good practice for creating a site for watching movies. Authorization is implemented (using Google, GitHub and by mail and password). Movie feed, list of favorite movies, watching movies).

• Host: GitHub
• URL: https://github.com/justhackone/netflix-site
• Owner: JusthackOne
• Created: 2024-09-04T10:24:41.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-06T03:43:23.000Z (almost 2 years ago)
• Last Synced: 2025-01-31T07:31:49.245Z (over 1 year ago)
• Topics: axios, mongodb, nextjs, pet-project, react, typescript, zustand
• Language: TypeScript
• Homepage: https://netflix-site-zeta.vercel.app
• Size: 663 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Netflix site 🍿

Good practice for creating a site for watching movies. Authorization is implemented (using Google, GitHub and by mail and password). Movie feed, list of favorite movies, watching movies).

## Stack 📚

- Next.js

- Next-auth

- Axios

- Zustand

- MongoDB (Prisma)

- Tailwind

## Commands and .env Configuration 🔧

- Run `npm run dev` to start the client server.

Configure your `.env` with:

`DATABASE_URL`

`NEXTAUTH_JWT_SECRET`

`NEXTAUTH_SECRET`

`GITHUB_ID`

`GITHUB_SECRET`

`GOOGLE_CLIENT_ID`

`GOOGLE_CLIENT_SECRET`

## Some Snapshots 📸

### Main Page

![1](https://github.com/user-attachments/assets/1f4ff897-8aa6-44e7-9549-bd281124dff5)

### Movie List

![2](https://github.com/user-attachments/assets/fa990713-1c04-44a5-91e7-57c44e9b2627)

### Movie Choosing

![3](https://github.com/user-attachments/assets/86ff1e3d-66c3-46f7-8867-49c52800640f)

### Login Page

![4](https://github.com/user-attachments/assets/bf225fc3-c888-4d5c-bb0a-278cf420015b)

### Movie Watching

![5](https://github.com/user-attachments/assets/de104a29-6b13-44f7-a3a4-a202e9a111fa)