Skip to content

Latest commit

 

History

History
205 lines (145 loc) · 5.48 KB

File metadata and controls

205 lines (145 loc) · 5.48 KB

Changelog

All notable changes to this project will be documented in this file.

[Unreleased]

Added - 2025-10-17

🧹 Clean Template Script

  • Added npm run clean-template command to remove demo content
  • Interactive script with confirmation prompt
  • Preserves core structure while removing examples
  • Comprehensive cleanup of auth pages, demo data, and example components
  • Automatic route updates after cleanup
  • Beautiful welcome page after cleaning
  • Color-coded terminal output for better UX

📚 Documentation

  • Created .cursorrules file for AI assistant context
  • Added comprehensive Cursor rules for Angular 20 best practices
  • Created QUICK-START.md for new users
  • Added scripts/README.md with cleanup script documentation
  • Created .github/CLEAN-TEMPLATE-GUIDE.md with detailed cleanup guide
  • Updated main README.md with clean template instructions

🎯 Template Features

  • Clean starter option alongside example-rich version
  • Two-path approach: Learn from examples OR start fresh
  • Production-ready configuration maintained in both modes
  • AI-optimized with complete context files

Documentation Structure

angularvibecoding/
├── README.md                           # Main documentation
├── QUICK-START.md                      # Quick start guide
├── CHANGELOG.md                        # This file
├── .cursorrules                        # AI assistant rules
├── .github/
│   └── CLEAN-TEMPLATE-GUIDE.md        # Detailed cleanup guide
├── docs/
│   ├── best-practices.md              # Coding standards
│   └── setup.md                       # AI setup guide
└── scripts/
    ├── clean-template.js              # Cleanup script
    └── README.md                      # Script documentation

Script Capabilities

The clean template script (npm run clean-template):

Removes:

  • src/app/auth/ - All authentication pages and services
  • src/app/data/ - Demo data pages
  • src/app/home/ - Duplicate home folder
  • src/app/shared/example-component/ - Example components

Keeps:

  • src/app/core/ - Layout, header, footer, sidenav, home, not-found
  • src/app/shared/ - Notification service, spinner, utilities
  • All configuration files
  • All documentation
  • TailwindCSS and DaisyUI setup
  • .cursorrules for AI context

Updates:

  • app.routes.ts - Simplified routing configuration
  • core/home/home.html - Beautiful welcome page
  • core/home/home.ts - Clean component structure
  • core/home/home.scss - Empty stylesheet ready for customization
  • README.md - Adds cleanup confirmation note

Package.json Scripts

New commands available:

{
  "clean-template": "node scripts/clean-template.js"
}

AI Context Files

.cursorrules

Comprehensive rules for AI assistants including:

  • Angular 20 best practices
  • Standalone component patterns
  • Signal-based state management
  • Native control flow syntax
  • TypeScript strict typing
  • TailwindCSS + DaisyUI styling
  • Critical naming conventions (no .component.ts/.service.ts suffixes)
  • Clean template script documentation

Benefits

For New Users

  • Clear quick start guide with two paths
  • Option to learn from examples first
  • Easy cleanup when ready to build

For Experienced Users

  • Immediate clean template via npm run clean-template
  • All best practices and configuration intact
  • Production-ready starter in seconds

For AI-Assisted Development

  • Complete context via .cursorrules
  • Documented conventions and patterns
  • Example-rich for learning OR clean for building

Breaking Changes

None - this is purely additive. All existing functionality remains unchanged.

Migration Guide

No migration needed. This update adds optional tooling.

To use the new clean template feature:

  1. Review the examples (optional)
  2. Run npm run clean-template when ready
  3. Confirm the cleanup
  4. Start building your app

Future Enhancements

Potential additions:

  • Option to keep specific features during cleanup
  • Undo/restore functionality
  • Additional starter templates (e-commerce, dashboard, etc.)
  • Interactive component generator with best practices
  • Pre-commit hooks for code quality
  • Automated testing setup
  • Deployment scripts for popular platforms

[0.1.0] - Initial Release

Features

  • Angular 20+ with standalone architecture
  • Signal-based state management
  • TailwindCSS 4 + DaisyUI integration
  • Authentication examples (login, register, forgot password)
  • Route guards
  • Layout components (header, footer, sidenav)
  • Notification service
  • Loading spinner
  • TypeScript strict mode
  • SCSS styling
  • Comprehensive documentation

Template Philosophy

This template follows the "learn then build" approach:

  1. Learn Phase: Explore examples, understand patterns
  2. Clean Phase: Remove examples, start fresh (optional)
  3. Build Phase: Create your application with best practices

The clean template script bridges the gap between learning and building, providing flexibility for all skill levels.


Contributing

To contribute to this template:

  1. Fork the repository
  2. Create a feature branch
  3. Follow the conventions in .cursorrules
  4. Submit a pull request

Support


Last Updated: October 17, 2025