إنشئ تطبيقًا تفاعليًا بالمواصفات التالية:

نظرة عامة على المشروع:
- يعرض التطبيق عبارة "press Enter" على الشاشة عند بدء التشغيل.
- عند الضغط على مفتاح Enter، يظهر في وسط الشاشة صورة ديناميكية تحتوي على نقطة.
- في كل مرة يتم فيها ضغط مفتاح Enter، يجب أن تتضخم النقطة الحالية بسلاسة ويظهر نقطة جديدة في الوسط.
- يجب أن يستمر التطبيق بهذه العملية إلى ما لا نهاية.

تصميم واجهة المستخدم والتدفق:
- تأكد من وضوح رسالة البدء "press" عند تحميل التطبيق.
- نفّذ انتقالات سلسة لتكبير النقاط لتعزيز تجربة المستخدم.

الوظائف الأساسية والمنطق:
- عند الضغط على مفتاح Enter، قم بتكبير النقطة الحالية وإضافة نقطة جديدة في الوسط في آن واحد.
- يجب أن تتبع كل نقطة جديدة دورة ألوان: أحمر، برتقالي، أصفر، أخضر، أزرق فاتح، أزرق، وبنفسيجي، مع التكرار المستمر.
- يجب أن تستمر جميع النقاط، بما في ذلك النقاط الجديدة، في التكبير حتى الضغط التالي على Enter.

أفضل الممارسات:
- تأكد من أن انتقال الألوان سلس، مع نمط دوري جذاب بصريًا.
- تعامل مع ضغط مفتاح Enter المتواصل بفعالية للحفاظ على الأداء.

الأسئلة الشائعة:
ما هو الحجم الابتدائي للنقاط وما الحجم الذي يجب أن تصل إليه عند التكبير الكامل؟
تبدأ ب10px وتتضخم إلى 100px.

ما هي مدة انتقال التكبير وتغير الألوان؟
يستغرق التكبير 0.5 ثانية وتغير الألوان 1 ثانية.

Create an interactive application with the following features:

### Project Overview
- The application displays the phrase 'press Enter' on the screen at startup.
- When pressing Enter key, a dynamic picture featuring a dot appears at the center of the screen.
- Each time Enter key is pressed, the current dot should smoothly enlarge, and another new dot should appear at the center.
- The application should continue this process infinitely.

### UI/UX Design and Flow
- Ensure the starting message 'press' is clearly visible upon loading the application.
- Implement smooth transitions for the enlargement of dots to enhance the user experience.

### Core Functionality and Logic
- Upon pressing Enter key, simultaneously enlarge the currently displayed dot and introduce a new dot at the center.
- Each new dot should follow a color cycle: red, orange, yellow, green, light blue, blue, and violet, repeating continuously.
- All dots, including newly appearing ones, should be subject to enlargement until the next Enter press.

### Best Practices
- Ensure the color transition is smooth, with a visually appealing cyclic pattern.
- Handle continuous Enter key presses efficiently to maintain performance.


Q: What size should the dots start at and what size should they reach when fully enlarged?
A: Start at 10px and enlarge to 100px.

Q: What duration should the enlargement and color transitions take?
A: Enlargement over 0.5 seconds and color change over 1 second.