I built an AI website generator that turns prompts into HTML/CSS in minutes— Here’s how

🚀 What I built

I recently launched Prompta, a free AI website builder that turns simple text prompts into fully generated HTML/CSS/JS websites.

🤖 Why I built it

As a student, I wanted a quick way to generate websites without spending hours on layout, structure, responsiveness, etc.

🛠️ Stack

• React + Vite
• Firebase (Auth + Firestore)
• Razorpay + PayPal for payments
• APIs from OpenRouter - Clause-3.5-Haiku & DeepSeek V3 (for code generation)

⚙️ Features

• Prompt-based website generation
• Download code as single Html file with integrated css and JS where required
• Responsive UI preview
• Affordable pricing for extra features

💡 Challenges

• Handling payment verification
• Making Razorpay and PayPal work together
• Ensuring clean code previews

📣 Try it here

👉 https://promptey.netlify.app

I’d love your feedback — especially from fellow devs!

Comments

[الیاس روهام]

یک اپلیکیشن وب مدرن و ریسپانسیو با HTML, CSS و JavaScript بساز که به کاربر کمک کند یک زندگی مثبت و متعادل داشته باشد.

ویژگی‌ها:

• طراحی مینیمال، مدرن، حرفه‌ای با رنگ‌بندی آرامش‌بخش و انیمیشن‌های نرم.
• بخش مدیریت عادت‌های روزانه:
  • افزودن، ویرایش، حذف و علامت‌زدن عادت‌ها.
  • دسته‌بندی عادت‌ها (صبح، ظهر، شب، هفتگی).
  • ذخیره‌سازی داده‌ها در LocalStorage.
• بخش اهداف زندگی:
  • تعیین اهداف کوتاه‌مدت و بلندمدت.
  • نمایش پیشرفت اهداف با Progress Bar.
• بخش سلامت و تناسب اندام:
  • ردیابی آب نوشیده شده (لیتر در روز).
  • ردیابی فعالیت بدنی (دقایق ورزش).
  • نمایش BMI و محاسبه کالری روزانه.
• بخش سلامت ذهن:
  • تایمر مدیتیشن با موسیقی آرامش‌بخش (اختیاری).
  • دفترچه شکرگزاری روزانه (کاربر می‌نویسد که امروز برای چه چیزی سپاس‌گزار است).
• بخش خواب:
  • ردیابی ساعت خواب و بیداری.
  • نمودار کیفیت خواب.
• بخش مالی و مدیریت پول:
  • ثبت درآمد و هزینه روزانه.
  • نمایش نمودار دخل و خرج ماهانه.
• داشبورد آمار و نمودارها (Chart.js):
  • درصد عادت‌های انجام‌شده.
  • میزان پیشرفت اهداف.
  • وضعیت خواب، ورزش، آب و مدیریت مالی.
• حالت شب و روز (Dark/Light Mode) با تغییر خودکار و دستی.
• بخش پروفایل:
  • نام کاربر، تصویر پروفایل، جمله انگیزشی روز.
• بخش نوتیفیکیشن داخلی (یادآوری انجام عادت‌ها و اهداف).
• طراحی ریسپانسیو برای موبایل و دسکتاپ با Flexbox و CSS Grid.
• استفاده از فونت زیبا و آیکون‌های مدرن (FontAwesome).