A
Anonymous

Lottery Number Generator - Copy this React, Tailwind Component to your project

"Create a responsive web page that generates lottery numbers based on the following inputs: Input fields: Extraction date (date picker) Wheel 1 (dropdown with a list of lottery wheels) Wheel 2 (dropdown with a list of lottery wheels) Date of birth (date picker) After submitting the form, the page should: Generate 4 numbers to play, based on the user's input. Generate 4 recommended numbers. Display these numbers prominently on the page. The page should also display: A bar chart showing the distribution of past winning numbers for Wheel 1 and Wheel 2 over the last 10 draws. A line chart showing trends for the frequency of winning numbers by date for the selected wheels. Basic statistics about the probability of the generated numbers, including their frequency and likelihood based on historical data. Add subtle animations: when the numbers are generated, they should appear with a fade in effect, and hovering over the charts should trigger a highlight. Ensure the page is responsive, with a mobile friendly design that works well on both desktop and smaller screens."

Prompt
Component Preview

About

LotteryNumberGenerator - Generate lottery numbers with date pickers, dropdowns, charts, and animations. Built with React and Tailwind. View and copy code!

Share

Last updated 1 month ago