https://github.com/yurilrodrigues/cinematecando

Cinematecando é uma plataforma para explorar filmes e séries, permitindo que os usuários pesquisem títulos, filtrem por gênero, acessem detalhes e elencos, descubram outros filmes de um ator, alterem o tema entre claro e escuro e salvem títulos na lista pessoal.
https://github.com/yurilrodrigues/cinematecando

next14 nextjs reactjs rest-api tailwindcss

Last synced: 3 months ago
JSON representation

Cinematecando é uma plataforma para explorar filmes e séries, permitindo que os usuários pesquisem títulos, filtrem por gênero, acessem detalhes e elencos, descubram outros filmes de um ator, alterem o tema entre claro e escuro e salvem títulos na lista pessoal.

• Host: GitHub
• URL: https://github.com/yurilrodrigues/cinematecando
• Owner: YuriLRodrigues
• Created: 2024-01-22T18:25:34.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-08T14:43:08.000Z (3 months ago)
• Last Synced: 2025-03-08T15:29:48.377Z (3 months ago)
• Topics: next14, nextjs, reactjs, rest-api, tailwindcss
• Language: TypeScript
• Homepage: https://cinematecando.vercel.app
• Size: 532 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🎬 Cinematecando - Catálogo de Filmes e Séries

O **Cinematecando** é uma plataforma para exploração de filmes e séries, permitindo pesquisa, filtragem por gênero, visualização de detalhes, elencos e muito mais.

## 🚀 Tecnologias Utilizadas

As principais tecnologias utilizadas no desenvolvimento do **Cinematecando** são:

- ![Next.js](https://img.shields.io/badge/Next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white) - Framework React para SSR e SSG

- ![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=typescript&logoColor=white) - Tipagem estática para maior segurança

- ![Tailwind CSS](https://img.shields.io/badge/TailwindCSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white) - Estilização moderna e eficiente

- ![Zustand](https://img.shields.io/badge/Zustand-State%20Management-FF9900?logo=zustand) - Gerenciamento de estado leve

- ![Jotai](https://img.shields.io/badge/Jotai-State%20Management-00b894) - Gerenciamento de estado reativo

- ![React Hook Form](https://img.shields.io/badge/react--hook--form-EC5990?style=for-the-badge&logo=reacthookform&logoColor=white) - Gerenciamento de formulários

- ![Shadcn](https://img.shields.io/badge/shadcn/ui-000000?style=for-the-badge&logo=shadcn/ui&logoColor=white) - Componentes acessíveis e customizáveis

- ![Next Themes](https://img.shields.io/badge/NextThemes-000000?style=for-the-badge&) - Modo escuro e claro dinâmico

## 🌟 Funcionalidades Principais

- 🔍 **Pesquisa** de filmes e séries

- 🎭 **Filtragem** por gênero, tipo (filme ou série)

- 🎬 **Visualização de detalhes** de filmes e séries

- 👥 **Consulta de elenco** e filmes que um ator participou

- 🌗 **Alternância de tema** (modo claro e escuro)

- 💾 **Adicionar filmes/séries** à lista pessoal

- 📱 **Totalmente responsivo**

---

## ⚙️ Instalação

```bash

$ npm install

```

## 🚀 Rodando a Aplicação

```bash

# Desenvolvimento

$ npm run dev

# Produção

$ npm run build && npm start

```

---

## 📬 Contato

- **Autor**: YuriLRodrigues

- **LinkedIn**: [Yuri Leite Rodrigues](https://www.linkedin.com/in/yuri-leite-rodrigues)