iamrahulmahato / master-web-development

Learn to code by building projects.
https://masterwebdevelopment.netlify.app/
MIT License
166 stars 440 forks source link

🧑‍💻 : ENHANCING THE USER INTERFACE OF THE JOKE GENERATOR #1346 #2386

Closed Niraj1608 closed 1 week ago

Niraj1608 commented 1 week ago

fix 1346

changes

Interactive Buttons: Upgrade the "New Joke" button by adding dynamic hover effects, smooth color transitions, and engaging animations to make it more visually appealing and responsive when clicked.

Animated Result Display: After the calculation is complete, present the result with lively animations, such as playful graphics that animate when revealing the joke for a more entertaining experience.

Background and Theme: Implement a visually appealing background featuring gradients and playful, lighthearted imagery that enhances the overall mood and complements the app's theme.

Custom Fonts and Icons: Select a whimsical, humorous font for titles and results, and incorporate fun-themed icons to enrich the overall design.

Responsive Design: Guarantee that the application is fully responsive, providing a seamless experience on both desktop and mobile devices while adjusting elements for optimal usability

project live link : https://niraj1608.github.io/ded/

github-actions[bot] commented 1 week ago

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

netlify[bot] commented 1 week ago

Deploy Preview for masterwebdevelopment ready!

Name Link
Latest commit 20aa8d1d952bfabe3d01715726f318f1d6a1d3e3
Latest deploy log https://app.netlify.com/sites/masterwebdevelopment/deploys/6730603db2d90c0009a8055d
Deploy Preview https://deploy-preview-2386--masterwebdevelopment.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

iamrahulmahato commented 1 week ago

fix #1346