https://github.com/skypse/projeto-20-javascript-toast-notification
Um sistema de notificações estilo "toast" construído com HTML, CSS e JavaScript. Este projeto permite aos usuários receber feedback visual sobre as ações realizadas na página.
https://github.com/skypse/projeto-20-javascript-toast-notification
css html javascript
Last synced: 6 months ago
JSON representation
Um sistema de notificações estilo "toast" construído com HTML, CSS e JavaScript. Este projeto permite aos usuários receber feedback visual sobre as ações realizadas na página.
- Host: GitHub
- URL: https://github.com/skypse/projeto-20-javascript-toast-notification
- Owner: skypse
- Created: 2024-04-28T04:49:48.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-28T05:00:54.000Z (over 1 year ago)
- Last Synced: 2025-03-05T23:44:30.271Z (11 months ago)
- Topics: css, html, javascript
- Language: CSS
- Homepage: https://skypse.github.io/Projeto-20-JavaScript-Toast-Notification/
- Size: 2.93 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎨 Notificações Estilo "Toast"
https://github.com/skypse/Projeto-20-JavaScript-Toast-Notification/assets/97822775/528da7e7-09f6-44de-b0ff-262c22c9ca2c
Um sistema de notificações estilo "toast" construído com HTML, CSS e JavaScript. Este projeto permite aos usuários receber feedback visual sobre as ações realizadas na página.
## ⚙️ Funcionalidades Principais
- Exibir notificações estilo "toast" para feedback visual sobre as ações do usuário.
- Notificações com ícones indicativos (verde para sucesso, vermelho para erro e laranja para inválido).
- Barra de progresso para indicar o tempo de permanência da notificação.
- Animação de entrada e saída suave para as notificações.
## 🚀 Tecnologias Utilizadas
- HTML5
- CSS3
- JavaScript (ES6)
## 🔗 Acesso
[Acesse o projeto clicando aqui](https://skypse.github.io/Projeto-20-JavaScript-Toast-Notification/)
## 📧 Contato
### LinkedIn:
- [Acesse meu LinkedIn clicando aqui :)](https://www.linkedin.com/in/gabriel-do-amaral-alves-3a1055236/)
### Email:
- gabrieldoamaral.alves12@gmail.com