Modern Expression & Discovery of Ideas for Active Networking (Median)

Median is a modern platform designed for expressing and discovering ideas while fostering meaningful connections between writers and readers.

NOTE

This project was developed as part of the "Simulasi Kerja (SIM-K): Full-Stack Developer Web" training program by Harisenin.

Project Scope

This portfolio entry focuses specifically on the Frontend Slicing phase. The goal was to translate high-fidelity designs into clean, responsive code. The implementation covers two core interfaces of the application:

Login Page
Homepage

Interfaces Implemented

The login interface was designed to provide a seamless entry point for users. The slicing process involved ensuring precise spacing, typography, and input field styling to match the provided design specifications.

Figure: The implemented Login interface.

2. Homepage

The homepage serves as the central hub for "Discovery of Ideas." The implementation focused on the layout structure, navigation bar, and the presentation of content feeds where users can discover new articles and connect with writers.

Figure: The implemented Homepage showing the content feed and navigation.

Reference

Context

This project was executed under the Harisenin training ecosystem, specifically within the Simulasi Kerja (Work Simulation) program. It simulates a real-world task where a developer receives a design handover and must implement the user interface (UI) code accurately ("slicing").

Tech Stack

Frontend: HTML, CSS (Tailwind).
Focus: UI Implementation & Responsiveness.