Loading repository data…
Ammari-Youssef / repository
Full Stack Java/Angular Application for an IoT-based energy monitoring solution designed to optimize and manage smart electrical networks and residential power usage. Built with Spring Boot, GraphQL, and PostgreSQL, it ensures scalability, security, and precise, auditable data tracking.
Real-time IoT monitoring platform for smart grid infrastructure
A full-stack energy grid monitoring and management application built with Angular and Spring Boot. This project demonstrates modern enterprise development practices including containerization, database migrations, CI/CD pipelines, and comprehensive testing strategies.
Note: This project includes full deployment configuration for Railway (backend) and Vercel (frontend). Live deployment paused for cost optimization. See screenshots below or run locally with Docker.
Secure authentication with demo account access
Real-time device monitoring with key metrics
Geolocation tracking of all devices
Device clustering and selection
Advanced filtering capabilities
Paginated device inventory with search and filters
Comprehensive device information including BMS, Meter, and Inverter data
Device performance metrics and trends
Multi-device comparison interface
State of Health (SOH) and power dispatch metrics
Energy consumption and production analysis
System alerts and warnings dashboard
Detailed alert information and resolution tracking
Real-time notification center
Organization-level fleet overview
Paginated fleet browsing
Individual fleet management and device assignment
Role-based user administration
User profile configuration
Password and authentication management
Quick access navigation
# Clone repository
git clone https://github.com/Ammari-Youssef/GridPulse.git
cd GridPulse
# Start all services with Docker
docker-compose up --build
# Access the application
# Frontend: http://localhost:4200
# Backend API: http://localhost:8080
# PostgreSQL: localhost:5432
Demo Credentials:
Email: youssef@gridpulse.io
Password: ysf@1234
Role: Admin (full access to all features)
GridPulse/
├── backend/ # Spring Boot API (Java 17)
│ ├── src/
│ │ ├── main/
│ │ │ ├── java/ # Application code
│ │ │ └── resources/
│ │ │ ├── db/changelog/ # Liquibase migrations
│ │ │ ├── application.yml
│ │ │ └── application-prod.yml
│ │ │ └── application-dev.yml
│ │ │ └── application-seed.yml
│ │ │ └── application-docker.yml
│ │ └── test/ # Unit & integration tests
│ ├── Dockerfile
│ └── pom.xml
├── frontend/ # Angular 19 SPA
│ ├── src/
│ │ ├── app/
│ │ │ ├── core/ # Services, guards, interceptors
│ │ │ ├── features/ # Feature modules
│ │ │ ├── shared/ # Shared components
│ │ │ └── layout/ # Layout components
│ │ ├── environments/ # Environment configs
│ │ └── assets/
│ ├── Dockerfile
│ ├── package.json
│ └── angular.json
├── docs/
│ ├── screenshots/ # Application screenshots
│ ├── DEPLOYMENT.md # Deployment guide (Railway/Vercel)
│ ├── ARCHITECTURE.md # Application system design
│ ├── API.md # GraphQL API documentation
│ └── message-payloads/ # Alert message examples
├── .github/workflows/ # CI/CD pipelines
├── docker-compose.yml
└── README.md
1. Clone the repository:
git clone https://github.com/Ammari-Youssef/GridPulse.git
cd GridPulse
2. Start with Docker (Recommended):
docker-compose up --build
3. Or run services separately:
Backend:
cd backend
mvn clean install
mvn spring-boot:run
Frontend:
cd frontend
npm install
ng serve
Access:
cd backend
# Run all tests
mvn test
# Run with coverage
mvn clean verify
# View coverage report
open target/site/jacoco/index.html
cd frontend
# Run unit tests
ng test
# Run with coverage
ng test --code-coverage
docker-compose up --build
Backend:
cd backend
mvn clean package -DskipTests
# Output: target/gridpulse-backend-*.jar
Frontend:
cd frontend
ng build --configuration production
# Output: dist/gridpulse/browser/
This project includes full deployment configuration for:
See docs/DEPLOYMENT.md for complete setup instructions.
Uses environment.development.ts (localhost)
Uses environment.production.ts (deployed URLs)
See individual service READMEs for detailed configuration:
docker-compose down
# Edit docker-compose.yml to change ports
docker-compose up
docker-compose down -v
docker-compose up --build
# Backend
cd backend && mvn clean
# Frontend
cd frontend && rm -rf node_modules && npm install
This is a portfolio project demonstrating full-stack development capabilities. Feedback and suggestions are welcome!
This project is part of my portfolio and is available for educational purposes.
Youssef Ammari
Built with ❤️ to demonstrate modern full-stack development practices
Last Updated: January 2026
Selected from shared topics, language and repository description—not editorial ratings.
adnanrahin /
A full-stack Application Development, Using Java, Angular, MySQL, Hibernate, Spring-Boot, RestAPI.
githubajaydhage /
Full Stack Web Development Projects (Java, Angular, Html, Css, Javascript, Sql, Dockers, Kubernetes, Springboot etc ...)
DevMatteusgar /
Uma aplicação Full Stack que simula um banco digital utilizando tecnologias como Java + Angular + Docker
NilaPazhamalai /
java, angular 5, sql, docker
Camilomora117 /
No description provided.
iaslabs /
Semillero externo full stack (Java - Angular - Docker)