Web application · Digital product
Pokemon: a Pokedex-style interface built with Angular.
Pokemon is a front-end project built with Angular to showcase a Pokedex-style interface.
The work focuses on component organization, card display and a clear presentation of the Pokemon universe in an interface that is simple to browse.
This exercise highlights my ability to break a front-end interface into coherent components, to consume then display data dynamically, and to refine the visual rendering. It is a concrete demonstration of how I got to grips with Angular and of my rigor in structuring a maintainable web application.
Angular component architecture
I broke the interface into reusable Angular components, each with a clear responsibility, to keep a structured web application that is easy to build upon.
Dynamic card display
The Pokemon cards are generated from the data consumed by the application, then displayed consistently in a grid designed for readability.
Responsive interface
The layout adapts to different screen sizes so the Pokedex stays pleasant to browse on both desktop and mobile.
Additional previews
Carousel Vertical
Discover a new way to scroll through your photos, with a vertical carousel.
Carte Animee
The animated card is an interactive feature that lets users hide information on a card and reveal it on hover.
Carte QR Code
Carte QR Code is a build based on the Frontend Mentor challenges, starting from a design image to recreate a one-page layout from scratch with HTML & CSS.
A project along the same lines?
Tell me about your needs — I'll quickly let you know what's relevant and realistic.