Skip to content

chinmayjha/Random-Number-Generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎲 Random Number Generator

A modern, responsive web application for generating random numbers instantly with a beautiful, intuitive interface.

✨ Features

  • 🎯 Custom Range: Set your own range (1-999) for random number generation
  • 📱 Fully Responsive: Works seamlessly on desktop, tablet, and mobile devices
  • Instant Generation: Lightning-fast random number generation
  • 🛡️ Input Validation: Smart validation ensures valid results within specified range
  • 🎨 Modern UI: Beautiful gradient design with smooth animations
  • 📋 Copy to Clipboard: One-click copying of generated numbers
  • Accessible: Full keyboard navigation and screen reader support
  • 🔄 Progressive Enhancement: Works even with JavaScript disabled

🚀 Live Demo

Visit the live demo: Random Number Generator

� How to Use

  1. Enter Range: Input your desired maximum number (1-999) in the input field
  2. Generate: Click the "Generate Random Number" button or press Enter
  3. Copy: Use the copy button to instantly copy the result to your clipboard
  4. Repeat: Generate as many numbers as you need!

�️ Technologies Used

  • HTML5: Semantic markup with accessibility features
  • CSS3: Modern styling with CSS Grid, Flexbox, and custom properties
  • Vanilla JavaScript: ES6+ features with class-based architecture
  • Font Awesome: Beautiful icons
  • Google Fonts: Inter and JetBrains Mono typography

📈 SEO & Performance

  • ✅ Optimized meta tags for search engines
  • ✅ Open Graph and Twitter Card support
  • ✅ Fast loading with optimized assets
  • ✅ Mobile-first responsive design
  • ✅ Accessibility compliant (WCAG guidelines)

🎨 Design Features

  • Gradient Animations: Smooth color transitions
  • Glass Morphism: Modern backdrop-filter effects
  • Micro Interactions: Subtle hover and focus states
  • Dark Mode: Automatic system preference detection
  • Custom Favicon: Dice icon matching the brand

📱 Mobile Features

  • Touch-optimized hamburger menu
  • Swipe-friendly navigation
  • Optimized touch targets (min 44px)
  • Prevents zoom on input focus
  • Smooth scrolling between sections

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

⭐ Show Your Support

Give a ⭐️ if you like this project! It helps others discover it.

👨‍💻 Author

Chinmay Jha

📄 License

This project is MIT licensed.


Made with ❤️ and modern web technologies

About

A modern, responsive web application for generating random numbers instantly with a beautiful, intuitive interface.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors