Skip to content

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

Notifications You must be signed in to change notification settings

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

No packages published