Submitted over 2 years ago
Chat app with messaging animation and iPhone 'incoming message' bubble
@Hutchii299
Design comparison
SolutionDesign
Solution retrospective
I completed this challenge with responsive design using css grid auto-fit. To give myself more of a challenge I wanted to make the messages appear over time so it looked like a live conversation between 2 people. I also added in the incoming message bubble that you see when someone is messaging you using an iPhone. I animated this in javascript because I wanted to practise async/await and setInterval, but I realise I could have done this entirely in css. Any feedback is welcomed :)
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord