Skip to content

A simple, minimalistic dark-mode web app that generates a random directional arrow (up, left, or right) with a smooth fade transition.

License

Notifications You must be signed in to change notification settings

kay-who-codes/Random-Directions

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Random Directions

A simple, minimalistic dark-mode web app that generates a random directional arrow (up, left, or right) with a smooth fade transition.

App Image

Features

  • 🎨 Minimalist Dark Mode UI – A clean and modern interface.
  • 🎲 Random Arrow Generation – Click the button to display a randomly selected arrow.
  • 🎭 Smooth Transition Effect – Each arrow fades in and out smoothly.
  • 📱 Responsive Design – Works seamlessly on both desktop and mobile devices.

Usage

  1. Open the app in a browser - LINK TO THE APP.
  2. Click the "Get Direction" button.
  3. The H1 text disappears and a random arrow (up, left, or right) appears.
  4. Each time you click the button, the arrow fades out and a new one fades in.
  5. Enjoy generating directions!

Files

  • index.html: The main HTML file containing the structure of the app.
  • styles.css: The CSS file for styling the app with dark mode and a minimalist design.
  • script.js: The JavaScript file that:
    • Randomly selects an arrow from three options.
    • Handles fade-in/fade-out transitions for smooth updates.

Contributing

Feel free to contribute to this project by submitting issues, pull requests, or suggestions. If you want to add new features or improve existing ones, please fork the repository and submit a pull request.

Contact

About

A simple, minimalistic dark-mode web app that generates a random directional arrow (up, left, or right) with a smooth fade transition.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published