This repository contains a collection of Angular projects inspired by the Udemy course "30 Days of Angular: Build 30 Web Projects with Angular" by Andrew Tyranowski. All projects are built using Angular 19 and serve as practical examples to learn and master Angular development.
Each folder in this repository represents a standalone Angular project. These projects are designed to demonstrate various features and concepts of Angular, including:
- 🛠️ Component-based architecture
- 🔄 Data binding
- 📡 HTTP requests
- 🧩 Routing and navigation
- 🎨 Styling and animations
- 🗂️ State management
Follow these steps to run any project in this repository:
-
Clone the repository:
git clone https://github.com/your-username/angular-tutorial-projects.git cd angular-tutorial-projects -
Navigate to a project folder:
cd project-name -
Install dependencies:
npm install
-
Run the development server:
ng serve
-
Open your browser and navigate to
http://localhost:4200
Here's a list of the projects included in this repository:
-
📝 Project 1: Todo App
A simple task management application with CRUD functionality. -
📅 Project 2: Calendar App
A dynamic calendar with event management. -
🛒 Project 3: E-commerce Store
A basic online store with product listing and a shopping cart. -
📊 Project 4: Dashboard
A responsive admin dashboard with charts and tables. -
🎨 Project 5: Portfolio Website
A personal portfolio website showcasing skills and projects.
...and many more!
By working through these projects, I:
- Gained hands-on experience with Angular 19
- Understood how to structure and organize Angular applications
- Learnt to implement real-world features like authentication, API integration, and state management
- Improved your problem-solving and debugging skills
For any questions or feedback, feel free to reach out to me at Issues.
Happy coding! 🎉