Templates & UI Feb 2023

Dz Face UI

A custom social media interface built entirely from scratch.

Dz Face UI Screenshot 1
Thumb 0

Project Overview

A static frontend interface designed for a fictional social media platform named 'Dz Face'. The primary objective of this project was to practice and master building complex web interfaces from the ground up, relying strictly on native web technologies without using any pre-built UI components or frameworks.

The Challenge

Structuring a multi-column layout typical of social media platforms (including navigation bars, sidebars, a central feed, and friend lists) using only raw CSS, ensuring everything aligns perfectly without Bootstrap or Tailwind.

The Solution

Extensively utilized native CSS layout models, specifically Flexbox and CSS Grid, to establish a rigid yet adaptable structure. Focused heavily on writing clean, semantic HTML to make the CSS styling process more intuitive and maintainable.

Key Features

Custom Social Media Feed Layout
Built with Zero Frameworks
Semantic HTML5 Structuring
Advanced CSS Flexbox & Grid Application
Custom Styling for Posts and Sidebars