A simple application that will generate a random number between 1 and 100 when a button is clicked on.
Developed using HTML, React, JavaScript, and CSS
Utilized the use of HTML, React, JavaScript, and CSS to design a user-friendly random number generator. The HTML provided the structural foundation of the application, defining the layout and components. React, a JavaScript library, facilitated the creation of dynamic and interactive elements, enabling seamless updates to the UI based on user inputs. JavaScript was employed to handle the logic behind generating random numbers and updating the display accordingly. Finally, CSS was instrumental in styling the app, ensuring a visually appealing and responsive user interface. Together, these technologies allowed me to create a functional and aesthetically pleasing random number generator, enhancing my skills in web development.
- HTML: Structured the layout and components of the app.
- React: Enabled the creation of dynamic and interactive elements for a seamless user experience.
- JavaScript: Provided the logic for generating random numbers and updating the UI dynamically.
- CSS: Styled the app to ensure a visually appealing and responsive design.
Click the 'Generate' button to generate a random number between 1 and 100.
- Run
npm install
to install your dependencies. - Run
npm run start
to start the application.
![Screenshot 2024-01-04 at 2 13 46 PM](https://private-user-images.githubusercontent.com/104395322/294276340-8727341b-0718-4137-bef7-301f6a879858.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEzMjQ0MTUsIm5iZiI6MTcyMTMyNDExNSwicGF0aCI6Ii8xMDQzOTUzMjIvMjk0Mjc2MzQwLTg3MjczNDFiLTA3MTgtNDEzNy1iZWY3LTMwMWY2YTg3OTg1OC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcxOFQxNzM1MTVaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zY2RlOTZiY2MwYjQ4OGM2NmU5NDYwZDk0YTAxZjllZTMxOTE3YThhYWE5NWMwZmY4NTg3ZDg5NzEyZmRmNzAyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.SOCLk5UALGgi9Qht6cxbaF_8AESQ713ixGl8wpGGvrY)
Number.Generator2.mp4
Credit goes to the original/external sources used.
- Random Word Generator - Generate a random word
- Random Letter Generator - Generate a random letter