News Hub | Real-Time News Platform

A real-time news platform delivering the latest headlines across various categories using the News API.

News Hub is a responsive and dynamic web application designed to provide users with up-to-date news from India and around the world. Built with React and TypeScript, the platform integrates the News API to fetch real-time stories, organized into categories like technology, business, sports, and entertainment. The clean UI ensures a smooth reading experience, while the optimized frontend guarantees fast performance.

Tech Stack

ReactTypeScriptTailwind CSSViteshadcn-ui

Features

Real-time news updates fetched from the News API.
Categorized news sections for better content navigation.
Responsive design for an optimal viewing experience on all devices.
Built with Vite for fast development and performance optimization.
Clean and accessible UI components powered by shadcn/ui and Tailwind CSS.

Challenges

Integrating and managing dynamic data from the News API.
Designing a clean UI to handle real-time content updates efficiently.
Optimizing performance and build times using Vite.
Ensuring responsiveness and accessibility across devices.

Learnings

Improved understanding of working with external APIs in React applications.
Enhanced experience in using TypeScript for type-safe development.
Learned to optimize frontend builds using Vite and modular UI design.
Developed better state management practices for dynamic data handling.

Feedback

For feedback or suggestions, contact me at: amiinehachemi@gmail.com

Links

Live Github