CREATHUSFLIX

O projeto consiste no desenvolvimento de uma mini plataforma colaborativa de catálogo de filmes.

🛠 Tecnologias

• Typescript
• Node JS
• React
• Express
• Prisma
• Vite

📄 O que foi realizado?

Backend -> NodeJS

• Iniciar projeto em Typescript
• Instalar e configurar o express
• Configurar o Prisma (ORM => Object Relation Mapping) -> Manipule o banco de dados
• Criar as rotas
  • Filmes (Título, Descrição, Imagem, Autor)
    • Listar (Imagem, título, autor)
    • Criar (Título, Descrição, Imagem, Autor)
• Lidar com upload de imagens
• Habilitar o cors

Frontend -> ReactJS & Vite

• Iniciar o projeto Vite
• Configurar o CSS Modules
• Configurar o React Router DOM
• Construir as páginas
  • Listagem de filmes
    • Fazer o componente de sidebar
    • Estilizar da forma como é no template
    • Criar o componente de footer com a logo da Creathus
  • Criar um filme
  • Detalhes de um filme
  • Filmes favoritados
• Funcionalidades
  • Conexão com a API
    • Requisitar todos os filmes
    • Fazer rota de detalhar um filme
  • Favoritar um filme
  • Ver os filmes favoritados

🚀 Como inicializar o Back-End?

• Clone o repositório do projeto

Dentro da pasta SERVER rode em sequência:

npm install

npx prisma migrate dev

npm run dev

🚀 Como inicializar o Front-End?

Dentro da pasta WEB rode em sequência:

npm install

npm run dev