Sunday, March 16, 2025

Real-Time News App

 📌 Description:

A real-time news application that fetches the latest headlines from an API, allowing users to browse different categories such as Business, Entertainment, Health, Science, Sports, and Technology. The app also includes a Dark/Light mode, smooth scrolling, and headline news highlights.


📌 Key Features:

Headline News: Displays the latest article as the top headline.
Smooth Scrolling: When selecting categories, the page smoothly scrolls to the news section.
Dark/Light Mode Persistence: Stores theme selection in local storage.
Better Error Handling: Displays a message if no articles are found.
Semantic HTML5 & Bootstrap UI: Clean and accessible design.
Category Selection: Users can choose from multiple news topics.
Real-Time News Fetching: Updates with the latest news.


📂 Tech Stack & Skills Used:

  • HTML5 (Semantic Structure)
  • CSS3 (Bootstrap for Styling)
  • JavaScript (ES6+) (API Fetching, DOM Manipulation, Event Handling)
  • NewsAPI (Fetching real-time news)
  • Local Storage (Saving user preferences for theme mode)
📧 Email: elzoukigroup2018@gmail.com 💼 LinkedIn: nadir-elzouki-40679a1a9 ▶️ YouTube: @nadirelzouki4529 👨‍💻 GitHub: Nelzouki22