One page · Front-end interface
Tchat App: a front-end messaging interface recreated from a Frontend Mentor challenge.
Tchat App is a build from a Frontend Mentor challenge, recreated from a static design with HTML and CSS.
The work focuses on composing the conversation interface, the user profile and integrating the supplied visuals to achieve a clean, readable and consistent result.
This one-page project demonstrates my ability to read a design and render it pixel for pixel in HTML/CSS integration. It highlights my rigor on visual detail (colors, margins, typography), my command of CSS layout and my focus on clean, maintainable code, essential foundations for any front-end integration work.
Integration faithful to the design
A reproduction of the messaging interface as close as possible to the Frontend Mentor design: profile, conversation thread and visual hierarchy rendered down to the detail.
Modern CSS layout
Semantic HTML structure and a layout in pure CSS (Flexbox) to align the chat bubbles, manage spacing and achieve a clean rendering, without any framework.
Responsive rendering
A one page designed to stay readable and consistent from desktop to tablet, adapting the composition to different screen widths.
Desktop version
Tablet version
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.