Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/brunocarvalhofeitosa/fullstack-netflix-clone

Clone of Netflix app using React, Next.js, TailwindCSS, Prisma, MongoDB and NextAuth
https://github.com/brunocarvalhofeitosa/fullstack-netflix-clone

Last synced: 4 days ago
JSON representation

Clone of Netflix app using React, Next.js, TailwindCSS, Prisma, MongoDB and NextAuth

Awesome Lists containing this project

README

        





Logo


Redesign da aplicação Netflix feito em Next.js, Prisma, MongoDB e TailwindCSS.

Sumário



  1. Sobre o projeto



  2. Iniciando o projeto


  3. Licenças

  4. Contato

## Sobre o projeto
O projeto é completo, possui uma home page temática da série Stranger Things que conta com diversas animações e informações acerca do seriado e também dos serviços oferecidos pela própria Netflix. Existe a possibilidade do usuário criar um cadastro, onde os dados são enviados e armazenados no MongoDB, também existe a possibilidade de efetuar login através dos dados que foram cadastrados pelo usuário, a partir daí o usuário tem acesso à plataforma para visualizar os filmes e séries em cartaz. Estes filmes e séries foram inseridos manualmente através do MongoDB, a única interação que existe próxima ao serviço é a visualização do trailer do filme ou série, devido à direitos autorais e também ao peso dos arquivos de vídeo não é possível inserir o vídeo completo.

### Home

https://github.com/BrunoCarvalhoFeitosa/fullstack-netflix-clone/assets/46093815/6023ae3d-98d9-4437-8a48-e592dcd3f7f5

### Cadastro

https://github.com/BrunoCarvalhoFeitosa/fullstack-netflix-clone/assets/46093815/81d35e1b-ceac-462e-bc58-94ed069b8612

### Login e App

https://github.com/BrunoCarvalhoFeitosa/fullstack-netflix-clone/assets/46093815/aaa32e83-8c63-4098-a94a-baeebb0adf14

### Feito com

* [Next.js](https://nextjs.org)
* [React.js](https://react.dev)
* [MongoDB](https://www.mongodb.com/pt-br)
* [Prisma](https://www.prisma.io)
* [TailwindCSS](https://tailwindcss.com)
* [Vercel](https://vercel.com)

### Hospedagem

O site está em produção neste link: (https://fullstack-netflix-app.vercel.app).

## Iniciando o projeto

Primeiramente será necessário clonar este projeto em (https://github.com/BrunoCarvalhoFeitosa/fullstack-netflix-clone.git), após o download será necessário abrir este projeto no seu editor e no terminal digitar npm install ou yarn, posteriormente é só rodar em seu terminal o comando npm run dev ou yarn dev, após isso, a página será aberta em seu navegador.

### Pré-requisitos

* npm
```sh
npm install npm@latest -g
```

### Instalação

1. Clone o repositório
```sh
git clone https://github.com/BrunoCarvalhoFeitosa/fullstack-netflix-clone.git
```
2. Instale os pacotes do NPM
```sh
npm install ou yarn
```

3. Inicie o projeto
```sh
npm run dev ou yarn dev
```

## License

Distribuído sob a licença MIT.

## Contato

Bruno Carvalho Feitosa - [GitHub](https://github.com/BrunoCarvalhoFeitosa) - [LinkedIn](https://www.linkedin.com/in/bruno-carvalho-feitosa/)