Skip to content

Web Development · Mini Project

Offline PWA News Reader

Installable news app that caches articles for reading offline

1-2 weeks build

Overview

A progressive web app that pulls headlines from a public news API through a small proxy that keeps the API key off the client. A Workbox service worker caches the app shell and recent headlines, and articles saved to the reading list are stored in IndexedDB so they open with no connection. The app installs to the home screen and syncs the list when back online.

What makes it stand up

  • 01Installable with a web app manifest and home-screen icon
  • 02Service worker with cache-first shell and network-first headlines
  • 03Offline reading list stored in IndexedDB
  • 04Category and search views over a public news API via a key-hiding proxy
  • 05Offline indicator and background sync when the connection returns

Module breakdown

  1. 01

    News proxy

    Node.js endpoint that calls the news API and caches responses.

  2. 02

    App shell

    React views for headlines, categories and search.

  3. 03

    Service worker

    Workbox caching strategies and update prompts.

  4. 04

    Reading list

    Save, read and remove articles from IndexedDB.

  5. 05

    Audit

    Lighthouse PWA checks documented in the report.

After this, you will be able to

  • Explain the service worker lifecycle and caching strategies
  • Defend why the API key sits behind a proxy
  • Demo reading saved articles with the network switched off

Technology stack

  • React
  • TypeScript
  • Workbox
  • IndexedDB
  • Node.js

Complete kit

₹5,599₹9,499
-41%

Delivered in under 48 hours

Level
Mini Project
Domain
Web Development
Build time
1-2 weeks
Difficulty

You receive

  • Complete, commented source code
  • 60-90 page project report (IEEE format)
  • Editable presentation deck
  • Architecture, ER and UML diagrams
  • Local setup and deployment guide
  • Sample dataset or seed data
  • Viva question bank with answers
  • One 45-minute walkthrough call
  • 30 days of doubt-clearing support
Compare tiers

Keep looking

Students also considered

Major Project

Web Development

Real-Time Collaborative Code Editor

Multiplayer editing with CRDTs, live cursors and sandboxed execution

  • Next.js
  • TypeScript
  • Yjs
  • WebSockets
  • +2
₹4,999₹8,499
4.8/168 reviews
Major Project

Web Development

E-Commerce Platform and Recommender

Full-stack storefront with hybrid collaborative filtering

  • Next.js
  • TypeScript
  • Prisma
  • PostgreSQL
  • +2
₹4,799₹8,299
4.8/229 reviews
PopularMini Project

Web Development

Hospital Management System

Appointments, records, pharmacy and billing in one workflow

  • React
  • Node.js
  • Express
  • MongoDB
  • +2
₹2,499₹4,499
4.6/342 reviews