Calend-rio

Um aplicativo de calendário moderno e elegante construído com Next.js, TypeScript, Tailwind CSS e componentes shadcn/ui.

✨ Descrição

Calend-rio é uma aplicação web de calendário que oferece uma interface intuitiva e visualmente deslumbrante para gerenciar eventos e reuniões. O app apresenta uma lista organizada de eventos com cores personalizáveis, formulários interativos elegantes e um design responsivo com efeitos visuais avançados incluindo gradientes, animações e elementos 3D.

🚀 Funcionalidades

• 📅 Lista de Eventos Organizada: Veja seus eventos em uma interface clara e moderna
• 🎨 Eventos Coloridos: Personalize cada evento com cores vibrantes
• ✨ Interface Interativa: Formulários elegantes com animações suaves
• 📱 Design Responsivo: Interface adaptável para desktop e mobile
• 🔐 Autenticação Segura: Sistema de login e registro com NextAuth.js
• 🗓️ Múltiplos Calendários: Suporte para múltiplos calendários pessoais
• 🎯 Navegação Intuitiva: Controles fáceis para gerenciar seus eventos
• 🌈 Efeitos Visuais: Gradientes, sombras, animações e elementos 3D

🛠️ Tecnologias Utilizadas

• Next.js 14: Framework React para produção com App Router
• TypeScript: Tipagem estática para JavaScript
• Tailwind CSS: Framework CSS utilitário com animações
• shadcn/ui: Componentes UI acessíveis e customizáveis
• Radix UI: Primitivos UI de baixo nível
• Lucide React: Ícones modernos e elegantes
• Prisma: ORM para banco de dados SQLite
• NextAuth.js: Autenticação completa
• bcryptjs: Hash seguro de senhas
• date-fns: Biblioteca para manipulação de datas

Pré-requisitos

• Node.js (versão 18 ou superior)
• pnpm (recomendado) ou npm

Instalação

1. Clone o repositório:

git clone <url-do-repositorio>
cd Calend-rio

2. Instale as dependências:

pnpm install
# ou
npm install

Executando o Projeto

Para iniciar o servidor de desenvolvimento:

pnpm dev
# ou
npm run dev

Abra http://localhost:3000 no seu navegador para ver o resultado.

Scripts Disponíveis

• pnpm dev - Inicia o servidor de desenvolvimento
• pnpm build - Constrói a aplicação para produção
• pnpm start - Inicia o servidor de produção
• pnpm lint - Executa o linter

Estrutura do Projeto

Calend-rio/
├── app/                    # Páginas Next.js
│   ├── globals.css        # Estilos globais
│   ├── layout.tsx         # Layout principal
│   ├── page.tsx           # Página inicial
│   └── loading.tsx        # Página de carregamento
├── components/            # Componentes React
│   ├── ui/               # Componentes shadcn/ui
│   └── theme-provider.tsx # Provedor de tema
├── hooks/                 # Hooks customizados
├── lib/                   # Utilitários
├── public/                # Arquivos estáticos
├── styles/                # Estilos adicionais
└── package.json           # Dependências e scripts

Personalização

O projeto utiliza shadcn/ui para componentes. Para adicionar novos componentes:

pnpm dlx shadcn-ui@latest add [component-name]

Contribuição

1. Fork o projeto
2. Crie uma branch para sua feature (git checkout -b feature/AmazingFeature)
3. Commit suas mudanças (git commit -m 'Add some AmazingFeature')
4. Push para a branch (git push origin feature/AmazingFeature)
5. Abra um Pull Request

Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

Contato

Para dúvidas ou sugestões, entre em contato através das issues do GitHub.