magicmoon-tattoo Tailwind Templates

Magicmoon Tattoo

Projeto de site institucional desenvolvido em ReactJS + Vite + Tailwind + TypeScript, com galeria filtrável de tatuagens e área administrativa conectada ao Firebase Realtime Database. Permite à artista gerenciar facilmente seu portfólio online em tempo real.

🌙 Magic Moon Tattoo Portfolio

📋 Descrição

Este é um projeto de portfólio desenvolvido para uma tatuadora. O sistema possui uma área administrativa onde a cliente pode adicionar, editar e gerenciar seus trabalhos artísticos. A aplicação foi projetada para mostrar de forma elegante seus designs e atrair potenciais clientes.

🛠️ Tecnologias Utilizadas

Frontend

  • React - Biblioteca JavaScript para construção de interfaces
  • TypeScript - Superset tipado de JavaScript
  • Vite - Build tool e dev server moderno
  • Shadcn/UI - Componentes de UI reutilizáveis
  • TailwindCSS - Framework CSS utilitário
  • React Router - Navegação entre páginas
  • React Hook Form - Manipulação de formulários
  • Zod - Validação de esquemas
  • Lucide React - Biblioteca de ícones
  • React Query - Gerenciamento de estado e requisições
  • Date-fns - Manipulação de datas

Backend e Infraestrutura

  • Firebase - Plataforma de desenvolvimento
    • Authentication - Sistema de autenticação
    • Firestore - Banco de dados NoSQL
    • Hosting - Hospedagem da aplicação

✨ Funcionalidades

Área Pública

  • Visualização do portfólio de tatuagens
  • Informações de contato
  • Sobre a artista
  • Galeria de trabalhos

Área Administrativa

  • Login seguro
  • Gerenciamento de projetos (adicionar, editar, remover)
  • Upload de imagens
  • Organização por categorias

🚀 Como Executar o Projeto

Pré-requisitos

  • Node.js (versão 18+)
  • npm ou bun

📝 Licença

Este projeto está sob a licença ISC.

📞 Contato

Para mais informações, entre em contato através do perfil do GitHub ou pelos contatos disponíveis no site do projeto.


✨ Desenvolvido com ❤️ para Magic Moon Tattoo

Top categories

Loading Svelte Themes