Responsive Notifications Settings Component with React and Tailwind CSS

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

Responsive Notifications Settings Component with React and Tailwind CSS

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)

Abubakar@arabianoud

Front End Developer

Career Switcher

916 Reputation

Preview solution

View code

Responsive notification settings page in Next.js with TypeScript, real-time preference updates, error handling, and toast notifications for UX.

Submission vs Design

https://notifications-settings-section-ck8l48nzp-abubakr-s-projects.vercel.app/

Implementation details

Tech stack

HTML

Forms

CSS

Responsive Design

JavaScript

DOM Events

React

Components

Event Handling

Form Handling

Build Tools

Typechecking

React

Next.js

Tailwind

Code

Discussions