News Old - News Aggregator website with MERN stack

Mahmoud Mostafa

0

Backend Engineer

Frontend Engineer

Fullstack Engineer

MongoDB

Node.js

React

Description

News Old is a news aggregation platform that collects daily news from an external API and stores it in a database. Every day, it provides users with trending news from various sources, tailored to their interests, such as sports or general news. Users can also save articles that interest them and compile them for later reading, ensuring they never miss important updates.

Features :

User Accounts & Authentication: Allows users to create accounts and log in securely to personalize their news experience and save articles for later viewing.
Daily Trending News: Aggregates and updates trending news daily, keeping users informed of the latest developments.
Category-Based News: Users can customize their preferences by selecting from nine different categories: ( General - World - Nation - Business - Health - Technology - Entertainment - Sports - Science )
Saved Articles: Users can bookmark articles they find interesting and compile them for later reading.
News from Multiple Sources: Collects news from various reputable sources via an external API, ensuring diverse perspectives on trending topics.
Headline News: Displays the most important and impactful news stories of the day.
"For You" Section: A personalized section that curates news based on the user's selected preferences, ensuring relevant and engaging content.

Overview ( Live - Backend - Frontend )

Profile page
Profile page
Home Page
Home Page

Challenges and Technical Stack

Main stack is MERN Stack
React : to handle frontend, building reusable UI Components, Manage State efficiently and client-side routing
Node.JS : for backend and provide a provide robust server-side environment for the application’s logic and APIs
Express.JS : a Node framework used for develop simple and efficient routing and API management
MongoDB : for storing data like posts, comments, user profiles and data with using Mongoose ODM library to provide object-oriented way to interact with MongoDB
Challenge: Overcoming API Limitations One of the main challenges was the limited usage of the free news API. Instead of making a new API request every time a user requests news—which would quickly exhaust the free quota—I implemented a more efficient approach:
The backend automatically fetches news daily from the external API.
It retrieves 10 headline news articles per category, covering all 9 categories (General, World, Nation, Business, Health, Technology, Entertainment, Sports, Science).
Similarly, it fetches regular news articles in the same way.
This results in a total of 180 fresh news articles stored daily in the database (90 headline + 90 regular).
When a user requests news, the backend serves the pre-stored articles directly from the database instead of making a new API request.
This approach ensures:
Efficient API usage without hitting limits.
Faster response times for users.
Consistent availability of news, even if the external API experiences downtime.
To manage the HTTP requests in the frontend I used Axios
For a complex state managements across components on the application I selected Redux to manage global application state and ensuring predictable data flow
For routing in the app and manage different URLs dynamic and static, React Router was the best option to handle routing and navigation
For the need to Secure Authentication and Authorization for access protected resources, I used JSON Web Token (JWT), and encrypt sensitive data with Bcrypt

Summary: What I Can Provide to You

With my expertise in full-stack development, I can build scalable, efficient, and user-friendly web applications tailored to your needs. Here’s what I bring to the table:
Full-Stack Development – Proficient in the MERN stack (MongoDB, Express.js, React.js, Node.js) to create seamless, high-performing applications.
API Integration & Optimization – Skilled in integrating external APIs while optimizing usage to handle limitations effectively.
Responsive & Interactive UI – Designing and developing modern, visually appealing user interfaces with React and Redux for smooth state management.
Backend Development & Security – Building secure and optimized backend solutions, handling authentication (JWT, Bcrypt), and ensuring data protection.
Performance Optimization – Enhancing app speed, SEO, and efficiency by implementing best practices in caching, database management, and API handling.
Custom Features & Scalability – Delivering tailor-made solutions, ensuring scalability, and maintaining best practices for future expansion.
Whether you need a personal project, a news aggregation platform like News Old, or a custom business application, I can help you turn your ideas into reality with clean code, structured architecture, and long-term maintainability. 🚀
Like this project
0

Posted Jan 29, 2025

News Old is a news aggregator that collects daily news, tailors content to user interests, and allows saving articles for later reading

Likes

0

Views

7

Tags

Backend Engineer

Frontend Engineer

Fullstack Engineer

MongoDB

Node.js

React

A modern, responsive personal portfolio website built using Next
A modern, responsive personal portfolio website built using Next
Grddit (reddit clone) : Responsive Social Media Website : MERN
Grddit (reddit clone) : Responsive Social Media Website : MERN