Design a chat room script using HTML5, CSS3, JavaScript, Bootstrap, PHP, Tailwind CSS, and jQuery, with all code contained in a single file named index.php. The features and requirements are as follows:Login and Registration Page:Upon entering the page, display two options: Login and Register.For registration, collect email, password, username, and an optional profile picture.After successful login or registration, redirect the user to the main chat page.Main Chat Page:Display a list of registered users with their usernames and profile pictures.Allow the user to select any user for private chatting.Design the chat interface to closely resemble WhatsApp, matching its style and color scheme (dark green, light green, gray, and white) as shown in the WhatsApp screenshot.Use the Vazir font for Persian text and a Google font (e.g., Roboto) for English text.The header should include the profile picture, username, and a three-dot menu for additional options.The three-dot menu should include:Block/Unblock user.Full-screen toggle (enter/exit full-screen mode when clicked).The chat area should mimic WhatsApp’s layout, with a bottom input bar for:Send button for text messages.File upload (supporting files up to 3MB, including images, voice messages, or other files).Camera access for capturing and sending photos (up to 3MB).Voice message recording option.Message bubbles should match WhatsApp’s style (size, alignment, and appearance).Database and Storage:Use JSON for the database, stored in a folder named data.Each private chat should have its own separate JSON file for storing messages.Ensure file uploads (images, voice, etc.) are saved in the data folder with a 3MB size limit.Additional Features:The chat interface should be responsive and work seamlessly across devices.Ensure the profile picture, header, and message layout sizes are identical to the WhatsApp screenshot provided.All functionality (HTML5, CSS3, JavaScript, Bootstrap, PHP, Tailwind CSS, jQuery) must be implemented within index.php.Please ensure the design is pixel-perfect to match the WhatsApp screenshot’s style, colors, and layout. Let me know if you need further clarification or the screenshot for reference.
Loading...
تشخیص آفلاین و آنلاین دقیق باشه اون تیک روی پیام اگر هر دو سین نزدم یکی باشه اگر هر دو دیه باشم دو تا باشه و اینکه اگر عکس یا پروفایل نداشته باشند می خوام یه پروفایل پیش فرض باشه راستی صفحه اصلی صفحه چت بنشاه صفحه اصلی فقط لیست کاربران باشه و هر کدوم زد با انیمنشنی بره صفحه چت و دکمه خروج زد با انیمنش مثل یه اپلیکیشن بیاد صفحه اصلی لیست کاربران اینا یه به نباشه پروفایل وقتی زد وارد یه صفحه باشه که پروفایلش نشون بده بشه ایمیلش و رمز و اسمش و عکس پروفایل تغییر بده یا خارج بشه از حسابش می خوام کوکی اکانت یا سشن ثبت باشه تا ۹۰ روز می خوام کوکی هارو کاربر قبول بکنه سایت بگه کوکی هارو قبول بکنه
Loading...
استیلش هم خیلی بد هست خیلی زبان فارسی یباهش انگلیسی نباشه یه فونت ایرانی از گوگل فونت بزار روش وقتی دکمه ویس زدم بگه چند ثانیه تا الان ضبط شده بشه استپ کرد کوشش کرد یا آغوش کرد یا ارسالش کرد از SVG خیلی خفن پیشچده باشه که حداقل حجمش ۱۰۰ خط هر SVG باشه بهبود UI/UX خفن باشه دقیقا واتساپ و اینکه هوش رنگ باشه رنک بی روح نباشه این کامند های اضافی مثل // و یا /* پاک کن حجم کد زیاد میشه راستی حداقل 1600 خط کد نویسی مفید خفن باشه می خوام بدم به کارفرما این پروژه