Skip to content

Emilly-Pinheiro/Projeto-final-gc

 
 

Repository files navigation

📚 BookShelf Ressonância Literária

Next.js React TypeScript Tailwind CSS shadcn/ui Prisma Turso DB Vercel


✨ Sobre o Projeto

BookShelf Ressonância Literária é uma aplicação web moderna para gerenciamento de biblioteca pessoal. Organize, catalogue e acompanhe seus livros de forma intuitiva, com visual elegante e recursos avançados.


🚀 Tecnologias Utilizadas

  • Next.js — Framework React para aplicações fullstack
  • React — Biblioteca de UI
  • TypeScript — Tipagem estática para JavaScript
  • Tailwind CSS — Utilitários de CSS para estilização ágil
  • shadcn/ui — Componentes UI acessíveis e personalizáveis
  • Prisma — ORM moderno para Node.js/TypeScript
  • Turso DB — Banco de dados SQLite distribuído
  • Vercel — Deploy rápido e escalável

⚙️ Funcionalidades

  • CRUD Completo de Livros: Adicione, edite, visualize e remova livros com facilidade.
  • Dashboard com Estatísticas: Veja dados relevantes da sua coleção.
  • Filtros Avançados: Busque por autor, categoria, status de leitura e mais.
  • Sistema de Temas: Mude entre Dark Mode 🌑 e Light Mode ☀️.
  • Categorias de Livros: Organize por gêneros.
  • Persistência de Dados: Banco de dados Turso DB via Prisma.
  • API RESTful: Endpoints para livros e categorias (API Routes Next.js).
  • Deploy em Nuvem: Infraestrutura confiável com Vercel + Turso DB.

🗂️ Estrutura de Arquivos

app/         # Rotas e páginas Next.js
components/  # Componentes reutilizáveis de UI
prisma/      # Esquema e migrações do banco (Prisma)
lib/         # Funções utilitárias e integrações
public/      # Imagens, fontes e arquivos estáticos

📋 API Routes

  • Livros: GET/POST/PUT/DELETE em /api/books
  • Categorias: GET/POST/PUT/DELETE em /api/categories
  • Endpoints RESTful seguindo boas práticas e documentação OpenAPI.

💡 Dicas de Desenvolvimento

  • Rode localmente com npm install e npm run dev.
  • Configure o banco local via Prisma: npx prisma migrate dev.
  • Use variáveis de ambiente para dados sensíveis.
  • Atualize o banco com npx prisma generate sempre que alterar o schema.
  • Utilize o painel do Turso DB para monitoramento.
  • Teste a responsividade em diferentes dispositivos.
  • Consulte a documentação das tecnologias utilizadas para tirar dúvidas.

👥 Integrantes

  • Brenda Kalahare
  • Izabela Sousa
  • Layssa Oliveira
  • Naiade Alves
  • Raquel Cordeiro

🎓 Agradecimentos

Agradecemos à Escola Koru e ao Grupo Boticário pelo apoio e incentivo por meio do Programa Desenvolve. 💚


📄 Licença

Este projeto está licenciado sob a MIT License.


Feito com ❤️ por Brenda Kalahare, Izabela Sousa, Layssa Oliveira, Naiade Alves e Raquel Cordeiro.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 70.7%
  • JavaScript 25.2%
  • CSS 4.1%