AngularPlayground 🎯

A learning project built using Angular 15+, designed to explore and demonstrate various Angular concepts by building multiple mini-apps like Todo App, Counter, and more.

🚀 Live Demo

Hosted on GitHub Pages: View Live

📂 Project Structure

src/
├── app/
│   ├── counter/
│   ├── todo/
│   ├── shared/
│   ├── app.component.ts
│   └── app.routes.ts
├── assets/
│   └── todo.png
└── index.html

🛠️ Features

• ✅ Counter App with increment/decrement
• ✅ Todo App with add/delete functionality
• ✅ Bootstrap 5 responsive UI
• ✅ Routing & navigation
• ✅ Form handling with ngModel
• ✅ Hosted on GitHub Pages

📦 Installation

git clone https://github.com/Rahulrgd/demo-app.git
cd demo-app
npm install
ng serve

📤 Deployment (GitHub Pages)

ng build --output-path docs --base-href /demo-app/

Then push the docs/ folder to GitHub and set it in Settings > Pages as the publishing source.

📸 Screenshots

Add some screenshots here if you'd like!

🧠 Learnings

This project helps understand:

• Angular Routing
• Component Communication
• Two-way Binding
• Bootstrap Integration
• GitHub Pages Hosting