📅 Calendário Personalizado

Este é um projeto de um calendário inspirado no Google Calendar, criado com Nuxt 3, TypeScript, PrimeVue v4 e Tailwind CSS. O backend é simulado utilizando o BFF (Backend for Frontend) do próprio Nuxt, com um banco de dados SQLite in-memory.

🚀 Motivação

Durante meu trabalho atual, tive que implementar um sistema de calendário completo, tanto no backend quanto no frontend. O projeto foi desafiador e me proporcionou um grande aprendizado. Por isso, decidi replicá-lo, modificando a interface e explorando novas abordagens.

🛠️ Tecnologias Utilizadas

• Frontend:

  • Nuxt 3 (com TypeScript)
  • PrimeVue v4 (componentes UI)
  • Tailwind CSS (estilização)
  • Fullcalendar (componente de calendário)

• Backend Simulado:

  • BFF (Backend for Frontend) do Nuxt
  • SQLite In-Memory (banco de dados temporário)

🎯 Funcionalidades

• 📆 Criação e edição de eventos
• 👥 Gerenciamento de participantes
• 📌 Eventos recorrentes
• 🎨 Interface moderna e responsiva

📂 Estrutura do Projeto

meu-calendario/
│   ├── assets/        # Estilos e imagens
│   ├── components/    # Componentes reutilizáveis
│   ├── pages/         # Páginas do Nuxt
│   ├── partials/      # Partes da tela dividas em componentes
│   ├── server/        # Backend simulado
│   ├── utils/         # Funções auxiliares
│   ├── app.vue        # Componente raiz
│   ├── nuxt.config.ts # Configuração do Nuxt
│
└── package.json       # Dependências do projeto

📦 Instalação e Execução

1. Clone o repositório:

   git clone https://github.com/seu-usuario/meu-calendario.git

2. Instale as dependências:

   pnpm install

3. Inicie o projeto:

   pnpm dev

4. Acesse no navegador:

   http://localhost:3000