Skip to main content
React & FrontendFlagship Project

PulseNews — High-Performance Digital News Portal

Modern React-powered news portal with dynamic content rendering, Cloudinary media delivery, and Firebase sync

Prathmesh Lohar
Prathmesh Lohar

Full Stack Web Developer & MERN Specialist • Savitribai Phule Pune University (SPPU)

Lighthouse Performance
98/100
Media Optimization
Cloudinary CDN
Hosting
Netlify Edge
01 • Challenge & Context

The Problem Statement

Digital news readers abandon portals that load slowly or experience visual layout shifts when high-resolution news photographs render on mobile devices.
02 • Engineering Design

Solution Architecture & Implementation

Constructed reusable React component architecture backed by Cloudinary automated image transformations, ensuring sub-second image decoding, responsive typography, and instant Firebase state synchronization.

03 • Core Innovations

Key Engineering Innovations

Modular news card and category filtering architecture with zero layout shift (CLS < 0.05)

Automated Cloudinary pipeline delivering AVIF/WebP image formats tailored to device viewport

Continuous integration and continuous deployment (CI/CD) on Netlify

04 • Verified Metrics

Performance Benchmarks & Empirical Impact

MetricBefore / BaselineEngineeredNet Impact
First Contentful Paint (FCP)2.4s0.8s66% Speedup
Image Payload Size4.2 MB avg380 KB avg91% Bandwidth Reduction
05 • Technical Breakdown

Technology Stack Architecture

Frontend

React.jsModern JavaScript (ES6+)CSS3 Modules

Media & Cloud

Cloudinary APIFirebaseNetlify
Technical Collaboration

Looking for a Driven Full Stack MERN Developer?

Prathmesh Lohar delivers end-to-end web applications with modular React architecture, responsive design, and robust RESTful backends. Available for full stack engineering roles.