https://github.com/romicons/alertapp

This little app was designed to practice with Material UI and create a notifications panel.
https://github.com/romicons/alertapp

local-storage material-ui notifications reactjs useeffect usestate

Last synced: 6 days ago
JSON representation

This little app was designed to practice with Material UI and create a notifications panel.

• Host: GitHub
• URL: https://github.com/romicons/alertapp
• Owner: romicons
• Created: 2024-06-26T23:40:23.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-07-06T22:51:11.000Z (4 months ago)
• Last Synced: 2024-07-06T23:29:36.250Z (4 months ago)
• Topics: local-storage, material-ui, notifications, reactjs, useeffect, usestate
• Language: JavaScript
• Homepage: https://alertapplication.netlify.app/
• Size: 147 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


 

  



Messenger volvió... ¡en forma de notificaciones!




  

![Static Badge](https://img.shields.io/badge/React-%23daa034)

![Static Badge](https://img.shields.io/badge/Material%20UI-%23f9f7ff)

![Static Badge](https://img.shields.io/badge/useState-%23271f24)

![Static Badge](https://img.shields.io/badge/useEffect-%23daa034)

![Static Badge](https://img.shields.io/badge/Local%20Storage-%23f9f7ff)


![Static Badge](https://img.shields.io/badge/Notifications-%23271f24)

![Static Badge](https://img.shields.io/badge/Messages-%23f9f7ff)

![Static Badge](https://img.shields.io/badge/Responsive%20Design-%23271f24)

![Static Badge](https://img.shields.io/badge/Accesibility-%23f9f7ff)

![Static Badge](https://img.shields.io/badge/STATUS-FINISHED-green)



Inspirada en la nostalgia de los zumbidos y demás interacciones de (que en paz descanse) Messenger, AlertApp es una mini web app desarrollada enteramente con React y Material UI. 

 A través de un tablero de botones, el usuario puede acceder a diferentes notificaciones que se envian automáticamente al menú de notificaciones, donde los usuarios podrán leerlas, marcarlas como leídas y/o eliminarlas. Además, gracias a la implementación de Local Storage, las notificaciones se mantendrán, siempre y cuando la aplicación se abra en el mismo dispositivo.




  

![Presentation](https://i.imgur.com/hjSUIMP.gif)


Funcionalidades

  



¡Prueba AlertApp hoy mismo y revive la nostalgia con un toque moderno!








romicons