Gallery piece 01
CSS Frameworks
A responsive social app prototype built with Tailwind CSS, improved for Portfolio 2 with a cleaner visual identity, better accessibility and a working live deployment.
Social App
Project overview
This project was originally created for the CSS Frameworks course assignment. It is a static social media prototype with a login page, feed page and profile page. The project focuses on responsive layout, reusable styling and simple navigation between pages.
What I improved
For Portfolio 2, I improved the first impression by redesigning the login page into a cleaner landing and login experience. I also updated the feed and profile pages with a more mature color palette, better spacing, improved contrast and more consistent visual structure.
Technical improvements
I fixed the Netlify deployment setup, added the required Tailwind CLI configuration and created a multipage Vite build setup so the login, feed and profile pages work correctly on the live site.
Reflection
This project showed me how much my visual taste and frontend judgement have improved. The original version worked, but it no longer reflected the level I want to present professionally. The update made the project feel cleaner, more accessible and more portfolio ready.