Bio-Link Creator: أداة ذكية لبناء صفحات الروابط الشخصية

Scroll down for English version اسم المشروع: Bio-Link Creator مشروع Bio-Link Creator هو تطبيق ويب متطور يتيح للمستخدمين بناء هويتهم الرقمية في مكان واحد. التطبيق لا يكتفي بعرض الروابط، بل يعمل كـ "مولد كود" (Code Generator) يسمح للمستخدم بتصميم صفحته الشخصية ثم تحميلها كملف HTML جاهز للنشر على أي استضافة. التقنيات المستخدمة (Tech Stack): Next.js & React: لبناء واجهة تفاعلية فائقة السرعة مع نظام معالجة بيانات فوري. Tailwind CSS: لتنسيق الواجهة بأسلوب عصري يضمن استجابة كاملة مع جميع الشاشات. Logic-based HTML Export: برمجة منطق خاص لتحويل مدخلات المستخدم إلى ملف HTML نظيف ومنظم برمجياً. المميزات التي قمت بتنفيذها: لوحة تحكم المستخدم: إمكانية إضافة الاسم، السيرة الذاتية (Bio)، ورفع الصورة الشخصية بسهولة. إدارة روابط التواصل: نظام ديناميكي لإضافة وتعديل روابط السوشيال ميديا مع أيقونات تفاعلية. المعاينة الفورية (Live Preview): تجربة مستخدم تتيح رؤية التعديلات مباشرة قبل الحفظ أو التحميل. تصدير كود HTML: ميزة تقنية تتيح للمستخدم تنزيل صفحته الشخصية كملف HTML مستقل بضغطة زر واحدة. تصميم عصري ومتجاوب: واجهة مستخدم تتبع أحدث معايير الـ UI/UX لضمان سهولة الاستخدام. ------------------------------------------------------ Project Name: Bio-Link Creator Bio-Link Creator is a high-utility web application designed to help individuals and professionals build their personal landing pages (Link-in-bio) with a powerful edge: the ability to export their work as a production-ready HTML file. Tech Stack: Next.js & React: Leveraged for a reactive, high-performance architecture and seamless state management. Tailwind CSS: Used to craft a sleek, mobile-first interface that adapts to any branding style. Automated Code Generation: Custom logic developed to compile user-inputted data into a downloadable, standalone HTML/CSS asset. Key Features Implemented: Full Profile Management: Users can easily set their name, bio, and profile picture to establish their digital identity. Dynamic Social Links: An interactive system to add, edit, and organize social media presence. Real-Time Live Preview: A side-by-side editing experience where users can see their page come to life instantly. Instant HTML Export: A specialized feature that generates a clean, optimized HTML file for the user to host anywhere. Responsive UI/UX: A minimalist and modern dashboard designed for an intuitive user experience across all devices.