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).