https://github.com/yashi-singh-1/day-41-error-modal

The Error Modal challenge requires creating an error message modal with HTML, CSS and JavaScript. This task focuses on building an interactive and styles UI Component.
https://github.com/yashi-singh-1/day-41-error-modal

animation animations css css-animation css-animations error-message frontend-development html html-css html-css-javascript html-css-js htmlcss htmlcssjs javascript vanilla-javascript vanillajavascript web-developement webdevelopement

Last synced: 3 months ago
JSON representation

The Error Modal challenge requires creating an error message modal with HTML, CSS and JavaScript. This task focuses on building an interactive and styles UI Component.

• Host: GitHub
• URL: https://github.com/yashi-singh-1/day-41-error-modal
• Owner: Yashi-Singh-1
• Created: 2024-07-23T15:26:35.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-07-23T15:33:53.000Z (10 months ago)
• Last Synced: 2024-11-10T11:14:27.811Z (7 months ago)
• Topics: animation, animations, css, css-animation, css-animations, error-message, frontend-development, html, html-css, html-css-javascript, html-css-js, htmlcss, htmlcssjs, javascript, vanilla-javascript, vanillajavascript, web-developement, webdevelopement
• Language: CSS
• Homepage:
• Size: 33.2 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Error Modal Challenge 


Challenge Description


The Error Modal challenge involves creating a styled error message modal using HTML, CSS, and JavaScript. The modal features an icon, title, message, and dismiss button. It appears with a scaling animation and hides when the dismiss button is clicked. This challenge focuses on creating interactive and visually appealing UI components.


Preview




Live Demo


Check out the live demo here.


Prerequisites




    
Basic HTML/CSS/JavaScript Knowledge.

    
Familiarity with DOM manipulation and event handling.



Tools Used




    
VS Code (You can use any other code editor)

    
A modern web browser (Chrome, Firefox, Safari, or Edge).

    
Access to an internet connection for resource imports.



Contributing


If you'd like to contribute to this challenge:




    
Fork the repository on GitHub.

    
Clone your forked repository to your local machine:

    
git clone https://github.com/Yashi-Singh-1/Day-41-Error-Modal.git

    
Create a new branch for your feature or bug fix:

    
git checkout -b feature-name

    
Make your changes and commit them with a clear and concise message:

    
git commit -m 'Add new feature or fix'

    
Push your changes to your forked repository:

    
git push origin feature-name

    
Open a pull request to the main repository.

    
Ensure your pull request includes a detailed description of your changes.

    
Respond to any feedback or questions during the review process.



We welcome improvements, bug fixes, and additional features that can enhance this Error Modal Challenge .