Notifications settings section — Tailwind + Vanilla JS

Challenge brief

Notifications Settings SectionBuild a responsive notifications settings module that allows users to manage how they receive notifications across different communication channels (push, email, SMS)

Back to all submissions

Notifications settings section — Tailwind + Vanilla JS

Challenge brief

Notifications Settings SectionBuild a responsive notifications settings module that allows users to manage how they receive notifications across different communication channels (push, email, SMS)

Charles Jackson@cajack30

AI Coordinator

Career Switcher

21.5k Reputation

Preview solution

View code

Built with Tailwind CDN + vanilla JS. Includes animated switches, dirty‑state Save, localStorage persistence, and success toast across mobile/tablet/desktop.

Submission vs Design

https://daikomyo-media.github.io/notifications-settings-section/

Implementation details

Tech stack

HTML

Basics

Semantics

Images

Forms

CSS

Basics

Positioning

Layout

Responsive Design

Transforms and Transitions

Architecture

JavaScript

DOM Events

DOM Manipulation

Storage

Build Tools

Linting & Formatting

Testing

Unit Tests

End-to-end Tests

Tailwind

Code

Discussions