https://github.com/puripant/random

A simple randomization tool
https://github.com/puripant/random

chatgpt random webapp

Last synced: 5 months ago
JSON representation

A simple randomization tool

• Host: GitHub
• URL: https://github.com/puripant/random
• Owner: puripant
• Created: 2025-02-14T10:43:14.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-28T04:54:13.000Z (over 1 year ago)
• Last Synced: 2025-07-25T02:28:12.321Z (11 months ago)
• Topics: chatgpt, random, webapp
• Language: HTML
• Homepage: https://puripant.github.io/random/
• Size: 8.79 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Randomizer: a simple randomization tool

This code is generated from the following prompts in ChatGPT in early 2025.

- I want a simple webapp to find randomize a set of texts

  - the texts can be added or removed

  - the randomized text should be removed

  - simple design

- Animate "Randomize & Remove" to be more exciting

- Animate the list as well. Make it look like it takes time to pick a random choice

- Remove the delay but add a pointer to show the random pick starts from one option and moves to the next. Fast at first and slow down until it stops and chooses an option

- I don't see any cycling between options

- Each option has too big bottom padding

- I am okay with margin between choices but the padding inside each option is not heavy in the bottom

- Make it possible to add an option by enter as well

- add animation to the item removal. The remaining items should slide up, not instantly moving up

- they are dissolving, not sliding up. 

- can you change it to a simple web app without React

The result was satisfying but still lacking. A major bug was that the webapp did not really pick a random choice; the first option was always removed. Also the original styling and code formatting left a room for improvement.

## TODO

- Add a mode to hide the contents of all options for choosing instead of randomizing

  - Click or mouseover to reveal the content of each option

  - Add different sets of emojis to name the options

  - Set layout in tiles