Project Sample
Mabasian News is a fast, real-time news aggregator that serves curated headlines across seven categories — world, business, technology, sports, science, health and entertainment — in a premium, fully responsive interface with built-in light, dark and system themes.
Project Descriptions
Mabasian News is a single-page news reader built with React 19 and Vite, styled with hand-crafted glassmorphism CSS and a Tech-Purple / Indigo design system inspired by mabasian.dev. It streams live, categorized headlines from a dedicated REST API (api.mabasian.dev) via Axios, with resilient loading, empty and error states plus skeleton placeholders for smooth perceived performance. A three-way theme switcher (light / dark / system) persists the visitor's choice and follows the OS color scheme with no flash on load, while an accessible article reader modal — closeable by button, overlay click or the Escape key — surfaces the full story, source and publish date. The UI is fully responsive from mobile to ultra-wide and SEO-optimised with Open Graph and Twitter Card metadata, deployed on Vercel at news.mabasian.dev.