Angular Showcase
Commercial Experience
Showcase 1 - Parcel Tracking Web Application Development
Project Snapshot
Designed and enhanced a real-time parcel tracking system in angular frontend to improve parcel visibility and user alerts features.
- Maintained and improved the full parcel tracking workflow by modifing the angular frontend.
- Added new form fields to display tracking details to users.
- Implemented angular frontend logic to validate user input and provide dynamic filtering options, ensuring users can enter data accurately and efficiently.
- Fixed various bugs and continuously improved the application based on user feedback.
Showcase 2 - Letting Advisory Service Development
Project Snapshot
Enhanced the angular frontend for the hmo website to embed chat widget, handle user subscriptions and provide secure document links related to the service.
- Implemented new pop up in angular to provide secure document by generating time limited links for users to access service related documents safely.
- Embedded chat widget to the angular based fronend and apply styling fit to the site.
- Enabled user to subscribe the service by adding an angular panel.
Demonstration
Showcase 1 - Memory Card Game
Memory Card Game Demo Page
Project Snapshot
Coding Snapshot
Developed an interactive memory card game using angular, demonstrating typeScript, component based design, and api integration.
- Built an interactive memory card game using angular, applying component based architecture and typeScript best practices.
- Implemented dynamic game logic including card shuffling, match detection, move counting, scoring, and win condition handling.
- Designed responsive and animated user interface interactions such as card flip effects, game timers, and user feedback using css and angular bindings.
- Added a configurable settings panel allowing users to enable dark mode, select game difficulty, and toggle sound effects to personalise the gameplay experience.
- Integrated restful api communication to submit and retrieve game records, secured with jwt authentication via http interceptors.
- Applied clean code principles and separation of concerns by organising services, models, and components for maintainability and scalability.
Showcase 2 - Snake Game
Snake Game Demo Page
Project Snapshot
Coding Snapshot
Developed a classic snake game using angular, demonstrating typeScript and real time game logic implementation.
- Built an interactive snake game using angular, applying component based architecture and typeScript best practices.
- Implemented core game methods to implement snake movement, direction controls, food spawning, collision detection, and game over conditions.
- Added scoring and timing systems with bonus calculations based on player performance.
- Designed responsive and animated ui elements such as snake movement effects, food animations, pause overlays using CSS and angular bindings.
- Developed a configurable settings panel allowing players to adjust difficulty and enable dark mode.
- Integrated restful api communication to submit and retrieve game records, secured with jwt authentication via http interceptors.
- Applied clean code principles and separation of concerns by organising components, services, and models to ensure maintainability and scalability.
Note: The data used in this portfolio may be outdated and is intended for academic and demonstrative purposes only.