notifications-page

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

notifications-page

★ 25 Open GitHub ↗

This is a notifications page from frontend mentor challenge

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Frontend Mentor - Notifications page solution

This is a solution to the [Notifications page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/notifications-page-DqK5QAmKbC). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

## Table of contents

- [Overview](#overview)
  - [The challenge](#the-challenge)
  - [Screenshot](#screenshot)
  - [Links](#links)
- [My process](#my-process)
  - [Built with](#built-with)
- [Author](#author)

## Overview

### The challenge

Users should be able to:

- Distinguish between "unread" and "read" notifications
- Select "Mark all as read" to toggle the visual state of the unread notifications and set the number of unread messages to zero
- View the optimal layout for the interface depending on their device's screen size
- See hover and focus states for all interactive elements on the page

### Screenshot

![Project screenshot](https://raw.githubusercontent.com/JohnMwendwa/notifications-page/main/design/desktop-preview.jpg)

### Links

- Solution URL: [https://github.com/JohnMwendwa/notifications-page](https://github.com/JohnMwendwa/notifications-page)
- Live Site URL: [https://johnmwendwa.github.io/notifications-page](https://johnmwendwa.github.io/notifications-page/)

## My process

### Built with

- Semantic HTML5 markup
- CSS custom properties
- CSS flexbox
- CSS Grid
- Mobile-first workflow
- JavaScript

## Author

- Website - [John Mwendwa](https://johnmwendwa.vercel.app/)
- Frontend Mentor - [@JohnMwendwa](https://www.frontendmentor.io/profile/JohnMwendwa)

## Reminder

Sometimes it only takes one person to believe in you for you to change the course of history.Be an inspiration to others, it only takes a small gesture such as tapping one on the back and telling them that you believe in them.For the one reading this, you've come a long way and I believe you're going to do amazing things for humanity.

notifications-page

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README