{"id":50927216,"url":"https://github.com/skatesham/tabs-angular-20-prime-echarts","last_synced_at":"2026-06-17T00:04:03.655Z","repository":{"id":318958469,"uuid":"1074042462","full_name":"skatesham/tabs-angular-20-prime-echarts","owner":"skatesham","description":"Aplicação web para gerenciamento de rituais criativos, metas e atividades quânticas. Desenvolvida com Angular 20, PrimeNG e Tailwind CSS.","archived":false,"fork":false,"pushed_at":"2025-10-15T19:09:41.000Z","size":10514,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-16T20:09:39.098Z","etag":null,"topics":["angular20","gh-pages","primeng20","tailwind"],"latest_commit_sha":null,"homepage":"https://skatesham.github.io/tabs-angular-20-prime-echarts","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/skatesham.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-10-11T03:37:23.000Z","updated_at":"2025-10-15T19:06:57.000Z","dependencies_parsed_at":"2025-10-17T12:12:33.511Z","dependency_job_id":"e6126521-58fb-469b-b89e-1bdfd39c1b26","html_url":"https://github.com/skatesham/tabs-angular-20-prime-echarts","commit_stats":null,"previous_names":["skatesham/tabs-angular-20-prime-echarts"],"tags_count":8,"template":false,"template_full_name":null,"purl":"pkg:github/skatesham/tabs-angular-20-prime-echarts","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skatesham%2Ftabs-angular-20-prime-echarts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skatesham%2Ftabs-angular-20-prime-echarts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skatesham%2Ftabs-angular-20-prime-echarts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skatesham%2Ftabs-angular-20-prime-echarts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/skatesham","download_url":"https://codeload.github.com/skatesham/tabs-angular-20-prime-echarts/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skatesham%2Ftabs-angular-20-prime-echarts/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34428197,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-16T02:00:06.860Z","response_time":126,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular20","gh-pages","primeng20","tailwind"],"created_at":"2026-06-17T00:03:54.805Z","updated_at":"2026-06-17T00:04:03.650Z","avatar_url":"https://github.com/skatesham.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🌊 Mana Vitae\n\n\u003e **Fluxo sagrado da vida. Doe energia, receba prosperidade.**\n\nAplicação web para gerenciamento de rituais criativos, metas e atividades quânticas. Desenvolvida com Angular 20, PrimeNG e Tailwind CSS.\n\n[![Angular](https://img.shields.io/badge/Angular-20.3-DD0031?logo=angular)](https://angular.dev)\n[![PrimeNG](https://img.shields.io/badge/PrimeNG-20.2-007ACC?logo=primeng)](https://primeng.org)\n[![Tailwind CSS](https://img.shields.io/badge/Tailwind-4.1-38B2AC?logo=tailwind-css)](https://tailwindcss.com)\n[![TypeScript](https://img.shields.io/badge/TypeScript-5.9-3178C6?logo=typescript)](https://www.typescriptlang.org)\n\n## 📋 Índice\n\n- [Sobre o Projeto](#-sobre-o-projeto)\n- [Funcionalidades](#-funcionalidades)\n- [Tecnologias](#-tecnologias)\n- [Instalação](#-instalação)\n- [Uso](#-uso)\n- [Deploy](#-deploy)\n- [Estrutura do Projeto](#-estrutura-do-projeto)\n- [Contribuindo](#-contribuindo)\n\n## 🎯 Sobre o Projeto\n\n**Mana Vitae** é uma aplicação de produtividade espiritual que combina gestão de tarefas com rituais criativos. Inspirada em conceitos de energia criativa (mana) e ciclos naturais, a aplicação ajuda artistas e criadores a manterem foco, celebrarem conquistas e cultivarem práticas conscientes.\n\n### 🌟 Conceito\n\n- **Mana**: Energia criativa vital que flui através das ações\n- **Rituais Quânticos**: Práticas diárias, semanais e mensais de reflexão\n- **Prosperidade Consciente**: Transformar energia em resultados tangíveis\n\n## ✨ Funcionalidades\n\n### 🏠 Home (Dashboard)\n- **Atividades Quânticas**: Visualização de rituais pendentes (diário, semanal, mensal)\n- **Cartão de Boas-vindas**: Mensagem personalizada com data e hora\n- **Foco do Dia**: Definição e acompanhamento do objetivo principal\n- **Tarefas Diárias**: Lista de tarefas com progresso visual\n- **Gráfico de Progresso**: Visualização de atividades completadas\n- **Motivação Diária**: Mensagens inspiradoras\n- **Missão, Visão e Valores**: Exibição dos pilares do ateliê\n\n### 🧘 Rituais\n- **Ressonância Interna (Diário)**: Reflexão e alinhamento diário\n- **Portal da Prosperidade (Semanal)**: Revisão semanal de conquistas\n- **Celebração Lunar (Mensal)**: Ritual mensal de fechamento e abertura de ciclos\n\n### 💡 Ideas\n- **Visualização de Todas as Atividades**: Acesso rápido a todos os rituais\n- **Histórico**: Consulta de rituais anteriores\n\n### ⚙️ Config\n- **Edição de Missão**: Defina o propósito do seu ateliê\n- **Edição de Visão**: Estabeleça onde quer chegar\n- **Gerenciamento de Valores**: Adicione, remova e organize seus valores\n- **Validações**: Mínimo de 3 valores obrigatórios para salvar\n- **Persistência**: Dados salvos no localStorage\n\n## 🛠 Tecnologias\n\n### Core\n- **Angular 20.3** - Framework principal (standalone components, signals)\n- **TypeScript 5.9** - Linguagem de programação\n- **RxJS 7.8** - Programação reativa\n\n### UI/UX\n- **PrimeNG 20.2** - Biblioteca de componentes UI\n- **Tailwind CSS 4.1** - Framework CSS utilitário\n- **ECharts 6.0** - Biblioteca de gráficos interativos\n- **ngx-echarts 20.0** - Integração ECharts com Angular\n\n### Arquitetura\n- **Zoneless Change Detection** - Performance otimizada\n- **Standalone Components** - Arquitetura moderna\n- **Signals** - Gerenciamento de estado reativo\n- **Lazy Loading** - Carregamento sob demanda de rotas\n\n## 📦 Instalação\n\n### Pré-requisitos\n- Node.js 20+ \n- npm 10+\n\n### Passos\n\n1. **Clone o repositório**\n```bash\ngit clone https://github.com/skatesham/tabs-angular-20-prime-echarts.git\ncd tabs-angular-20-prime-echarts\n```\n\n2. **Instale as dependências**\n```bash\nnpm install\n```\n\n3. **Inicie o servidor de desenvolvimento**\n```bash\nnpm start\n```\n\n4. **Acesse a aplicação**\n```\nhttp://localhost:4200\n```\n\n## 🚀 Uso\n\n### Desenvolvimento\n\n```bash\n# Iniciar servidor de desenvolvimento\nnpm start\n\n# Build de desenvolvimento com watch\nnpm run watch\n\n# Executar testes\nnpm test\n```\n\n### Produção\n\n```bash\n# Build de produção\nnpm run build\n\n# Deploy para GitHub Pages\nnpm run deploy\n```\n\n## 🌐 Deploy\n\n### GitHub Pages\n\nA aplicação está configurada para deploy automático no GitHub Pages.\n\n#### Deploy Automático\n\n```bash\nnpm run deploy\n```\n\nEste comando irá:\n1. Fazer build de produção\n2. Configurar base-href correto\n3. Fazer push para branch `gh-pages`\n4. Publicar automaticamente\n\n#### Configuração Manual\n\n1. Vá para **Settings** \u003e **Pages** no GitHub\n2. Configure:\n   - **Branch**: `gh-pages`\n   - **Folder**: `/ (root)`\n3. Salve e aguarde 2-5 minutos\n\n#### URL de Produção\n```\nhttps://skatesham.github.io/tabs-angular-20-prime-echarts/\n```\n\n### Outras Plataformas\n\n#### Vercel\n```bash\nnpm install -g vercel\nvercel\n```\n\n#### Netlify\n```bash\nnpm run build\n# Faça upload da pasta dist/mana-vitae/browser\n```\n\n## 📁 Estrutura do Projeto\n\n```\nsrc/app/\n├── features/           # Módulos de funcionalidades\n│   └── tabs/\n│       ├── components/ # Componentes específicos (layout, tabs)\n│       └── pages/      # Páginas da aplicação\n│           ├── home/           # Dashboard principal\n│           ├── ideas/          # Visualização de todas atividades\n│           ├── config/         # Configurações\n│           ├── ritual-daily/   # Ritual diário\n│           ├── ritual-weekly/  # Ritual semanal\n│           └── ritual-monthly/ # Ritual mensal\n├── shared/             # Componentes compartilhados\n│   └── ui/\n│       ├── app-loader/              # Tela de carregamento\n│       ├── daily-motivation/        # Mensagens motivacionais\n│       ├── daily-progress-chart/    # Gráfico de progresso\n│       ├── daily-tasks/             # Lista de tarefas\n│       ├── goal-focus/              # Foco do dia\n│       ├── mission-vision-values/   # Missão, visão e valores\n│       ├── page-header/             # Cabeçalho de páginas\n│       ├── quantum-activities/      # Cards de atividades\n│       └── welcome-card/            # Cartão de boas-vindas\n├── data/               # Modelos de dados\n│   └── models/\n├── app.ts              # Componente raiz\n├── app.config.ts       # Configuração da aplicação\n└── app.routes.ts       # Rotas da aplicação\n```\n\n## 🎨 Padrões de Código\n\n### Componentes\n- **Standalone**: Todos os componentes são standalone\n- **Signals**: Estado reativo com signals\n- **OnPush**: Change detection otimizada\n- **Getters**: Valores derivados simples\n\n### Nomenclatura\n- **UI Compartilhada**: `p-\u003cnome\u003e` (ex: `p-text-input`)\n- **Feature**: `f-\u003cfeature\u003e-\u003cnome\u003e` (ex: `f-tabs-layout`)\n- **Páginas**: `\u003cnome\u003e.page.ts` (ex: `home.page.ts`)\n\n### Template\n- **Control Flow**: `@if`, `@for` (sintaxe moderna)\n- **Track**: Sempre usar `track` em `@for`\n- **Limite**: Máximo 60 linhas por template\n\n## 🔧 Configuração\n\n### Dados Persistidos (localStorage)\n\n- **Missão, Visão e Valores**: `missionVisionValues`\n- **Rituais Completados**: `rituals`\n- **Tarefas Diárias**: `dailyTasks`\n- **Foco do Dia**: `dailyGoal`\n\n### Temas\n\nA aplicação suporta **dark mode** automático baseado nas preferências do sistema.\n\n## 🤝 Contribuindo\n\nContribuições são bem-vindas! Siga estas diretrizes:\n\n1. Fork o projeto\n2. Crie uma branch para sua feature (`git checkout -b feature/AmazingFeature`)\n3. Commit suas mudanças (`git commit -m 'Add some AmazingFeature'`)\n4. Push para a branch (`git push origin feature/AmazingFeature`)\n5. Abra um Pull Request\n\n### Padrões de Commit\n\n```\nfeat: adiciona nova funcionalidade\nfix: corrige bug\ndocs: atualiza documentação\nstyle: formatação de código\nrefactor: refatoração sem mudança de comportamento\ntest: adiciona ou atualiza testes\nchore: tarefas de manutenção\n```\n\n## 📄 Licença\n\nEste projeto está sob a licença MIT. Veja o arquivo `LICENSE` para mais detalhes.\n\n## 👤 Autor\n\n**Skatesham**\n- GitHub: [@skatesham](https://github.com/skatesham)\n\n## 🙏 Agradecimentos\n\n- **Windsurf e Família** - Pelo suporte, inspiração e energia criativa que tornou este projeto possível\n- [Angular Team](https://angular.dev) - Framework incrível\n- [PrimeNG](https://primeng.org) - Componentes UI de qualidade\n- [Tailwind CSS](https://tailwindcss.com) - Utilitários CSS poderosos\n- [ECharts](https://echarts.apache.org) - Gráficos interativos\n\n---\n\n**Feito com 💜 e ☕ por Skatesham**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskatesham%2Ftabs-angular-20-prime-echarts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fskatesham%2Ftabs-angular-20-prime-echarts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskatesham%2Ftabs-angular-20-prime-echarts/lists"}