HTML, CSS & JS
This journal blog project was built to explore dynamic content display
and responsive design while reflecting on my personal learning journey in tech.
The homepage initially displays three journal entries, with JavaScript controlling
a “View More” button that reveals three additional posts and a “View Less” button that
collapses the view back. This dynamic functionality was implemented using DOM manipulation
and event listeners, allowing for smooth, interactive content updates without page reloads.
The design is crafted using CSS Grid and a mobile-first approach, ensuring optimal performance
across devices from smartphones to laptops. Relative units such as em, rem, and percentages,
combined with media queries, maintain consistent visual balance and readability at different screen sizes.
As I transition into cybersecurity, this project demonstrates not only my frontend development
skills but also my growing focus on user interaction and controlled content rendering.
Implementing dynamic controls and responsive layouts strengthened my understanding of how seamless, secure,
and efficient user experiences are essential in building and protecting modern web applications.