Kamran Mushtaq
Back to Systems Design
Systems Design

Frontend

Added: June 24, 2026

Definition

Frontend is the client-side part of a website or application that users see, interact with, and use through a web browser. It is mainly built using HTML, CSS, and JavaScript.

What Problem It Solves

It provides the user interface (UI) and user experience (UX), allowing users to view information, click buttons, fill forms, and interact with the application.

What Happens If Not Used

Without a frontend, users cannot easily interact with the system. The backend may still process data, but there would be no practical visual interface for users.

Easy Wording

Frontend is the visible and interactive part of a website or app.

Layman Example

When you visit an online store, the product images, menus, search bar, shopping cart, and checkout page are all part of the frontend.

Technical Example

A login page built with:

  • HTML → Creates username and password fields.
  • CSS → Styles the page layout and colors.
  • JavaScript → Validates input and sends login requests to the backend API. Key Terms for Revision: Client-side, User Interface (UI), User Experience (UX), Browser, HTML, CSS, JavaScript, Interactive Elements, Forms, Buttons, Layout, API Requests, Frontend Frameworks (React, Angular, Vue).