News Website Interface Project
A static news website interface with home, article, search, login, signup, and content hierarchy screens.
Project image carousel

Image 1 of 6
Project Concept
An Arabic news website — homepage, article, search, login, and signup. The currently released version is fully static, despite a separate historical branch that once connected to a local mock API.
What the Interface Shows
The homepage in two sections, an article page in two sections, a search page, and a login page.
My Role and Decisions
The repository has a separate historical branch (api) that once fetched data from a local mock server (localhost:4010), but the current main branch reverted to a fully static version. When building the Docker image, I deliberately built from the static main branch, not the old API branch — because reviving a dependency on a local server would have broken the release image’s fully offline preview requirement.
Technical Aspects
A static site (no build tool) with RTL Bootstrap, Font Awesome, and Swiper — no API connectivity in the released version.
Project Value in the Portfolio
This project demonstrates a deliberate choice of the correct branch for release (static) instead of reviving an old external dependency that would have violated the offline release requirement.
Related projects
Ecommerce Store Interface
A complete e-commerce storefront template with products, cart, checkout, and advanced search — a pure display interface with no backend.
Read more: Ecommerce Store InterfaceTechnology Company Website
A technology-company marketing site with a portfolio, blog, and team page — a static corporate template with no backend.
Read more: Technology Company WebsiteCoffee Company Website
A coffee-company marketing site with products and distributors, a static blue-themed template.
Read more: Coffee Company WebsiteRelated services
Professional Front-End and Web UI Development
Responsive web interfaces built from clear product flows, reusable components, accessible states, and API-ready front-end structure.








