🎯 Angular Learning Project

Built during my training at ESPRIT to explore the fundamentals of Angular 🅰️: components, routing, services, and data binding. Integrated with Spring Boot backend for full-stack development. 🚀

---

📊 Repository Activity

📈 Development Metrics

Metric	Value	Trend
Total Commits	8+	🔥 Active
Contributors	2	👥 Growing
Stars	1	⭐ New Project
Forks	0	🍴 Ready to Fork

🔥 Activity Graph

🏆 Top Contributors

Made with contrib.rocks.

---

🚀 Project Overview

A full-stack event management application built with:

• Frontend: Angular 18 with Bootstrap 5
• Backend: Spring Boot 3.5 with Spring Data JPA
• Database: MySQL 8.0

📁 Project Structure

myProject/
├── frontend/          # Angular application
│   ├── src/
│   ├── angular.json
│   └── package.json
├── backend/           # Spring Boot REST API
│   ├── src/
│   └── pom.xml
└── docs/              # Documentation

✨ Features

Frontend (Angular)

• ✅ Component-based architecture
• ✅ Routing and navigation
• ✅ Reactive forms with validation
• ✅ Services and dependency injection
• ✅ HTTP client for API communication
• ✅ Custom pipes and validators
• ✅ FormArray for dynamic fields
• ✅ Nested FormGroups

Backend (Spring Boot)

• ✅ RESTful API endpoints
• ✅ JPA entities and repositories
• ✅ Service layer architecture
• ✅ MySQL database integration
• ✅ CORS configuration
• ✅ CRUD operations for events

🛠️ Technologies

• Frontend: Angular 18, TypeScript, Bootstrap 5, RxJS
• Backend: Spring Boot 3.5, Java 17, Spring Data JPA, Hibernate
• Database: MySQL 8.0
• Build Tools: Angular CLI, Maven

📦 Installation & Setup

Prerequisites

• Node.js 18+
• Java 17+
• Maven 3.6+
• MySQL 8.0+ (or WampServer)

Frontend Setup

cd frontend
npm install
ng serve
# Application runs on http://localhost:4200

Backend Setup

cd backend
# Configure database in src/main/resources/application.properties
.\mvnw.cmd spring-boot:run
# API runs on http://localhost:8082

📚 Learning Objectives

This project was created to practice:

• Angular component lifecycle and communication
• Reactive forms and form validation
• HTTP services and observables
• Spring Boot REST API development
• JPA and database integration
• Full-stack application architecture

🌟 Star History

---

📝 License

Educational project - ESPRIT Training

---

Made with ❤️ during ESPRIT Training

⬆ Back to Top