Skip to content
All projects

Study2025

Notifications App

A compact React app for triaging notifications: dismiss one, clear all, and watch the count update.

Visit the live site(opens in a new tab)View code(opens in a new tab)
  • React
  • Vite
  • JavaScript
  • CSS
Notifications App — homepage
Client
College coursework
Sector
React coursework
Platform
React + Vite
Role
Front-end development
Year
2025

Goal of the collaboration

Build a small interface that makes notification triage obvious: see what's waiting, remove what's done, clear the rest.

A small React exercise in state and list rendering: dismiss, clear and keep a live count, with no backend.

user-driven updates
Interactive
source of truth for state
1
for logic structure
A+
Visit the live site(opens in a new tab)View code(opens in a new tab)

The challenge

The brief asked for real state changes and a live count in a tiny surface area, with no backend to lean on.

What I did

  1. 01Component structure around a single notifications list
  2. 02Live unread count driven by React state
  3. 03Single-item dismiss and clear-all actions

Selected screens

Open any image for a larger view — arrow keys move between shots.

The outcome

A clean, responsive micro-app that demonstrates state, list rendering and interaction without extra dependencies.

Building something similar?

I'm open to front-end roles and freelance work. Tell me what you're shipping.

Let’s talk

More projects

All projects
Let's talk