Tech News Aggregator

update and easy way to get your daily news

Inspiration

I was inspired to build the Tech News Aggregator because I wanted a single, easy-to-use platform to quickly access the latest tech news from multiple sources. I noticed that many people, including myself, waste time jumping between websites, so I aimed to create a simple web app that consolidates news by topic, language, and date.

What it does

This web app fetches the latest technology-related news articles and displays them in a clean, organized interface. Users can:

Select categories like AI, Gadgets, or Cybersecurity.
Search for specific topics.
Filter news by language.
Switch between light and dark modes.
Navigate through pages of news articles easily.

How we built it

The project is built entirely with vanilla HTML, CSS, and JavaScript. It uses the GNews API to fetch live news articles and dynamically renders them in the browser. Key features include:

Fetching news via fetch() API.
Responsive UI design using CSS Flexbox.
Dark mode toggling using JavaScript.
Client-side pagination and search functionality.

Challenges we ran into

Initially, I tried using NewsAPI, but it didn’t allow direct client-side requests on GitHub Pages due to CORS and API restrictions.
Implementing pagination and search dynamically required careful state management in vanilla JS.
Ensuring the design was responsive and looked good in both light and dark modes without using any frameworks.

Accomplishments that we're proud of

Successfully created a fully functional, static web app with real-time news fetching.
Implemented a clean UI with dark/light mode toggle and responsive design.
Managed to implement all features using only vanilla JavaScript without any frameworks or backend.