? Overview
A fast and dynamic recipe search application built using Vanilla JavaScript. The core focus of this project was to implement PWA features, allowing users to access the app even without an internet connection, providing a native-like experience on both desktop and mobile.
? Tech Stack & Features
Core Technologies: HTML5, CSS3, and Modern JavaScript (ES6+).
PWA Integration: Fully functional Service Worker (sw.js) and Manifest (manifest.json) for offline support and "Add to Home Screen" capability.
Iconography: Integrated Font Awesome for a polished and intuitive UI.
Dynamic UI: Custom-built components for rendering recipes and search results dynamically without page reloads.
Responsive Design: Optimized for all screen sizes using modern CSS techniques.
? مشروع Forkify | تطبيق وصفات يدعم العمل بدون إنترنت (PWA)
? نبذة عن المشروع
تطبيق ويب للبحث عن وصفات الطعام، تم بناؤه باستخدام JavaScript الخام (Vanilla JS). الميزة التنافسية في هذا المشروع هي تحويله إلى PWA، مما يجعله تطبيقاً سريعاً جداً وقابلاً للتثبيت على الموبايل، مع القدرة على تصفح المحتوى الأساسي في حالة عدم وجود اتصال بالإنترنت.
? المواصفات التقنية والمميزات:
التقنيات الأساسية: HTML5, CSS3, Modern JavaScript.
دعم الـ PWA: إعداد كامل لملفات الـ Service Worker والـ Manifest لضمان تجربة مستخدم سلسة وسريعة (Offline-first).
تكامل الأيقونات: استخدام Font Awesome لإضافة لمسات جمالية واحترافية لواجهة المستخدم.
الأداء: كود خفيف وسريع جداً يعتمد على تقنيات الـ DOM Manipulation المتقدمة لتقديم تجربة SPA (Single Page Application).
تصميم متجاوب: الموقع متوافق تماماً مع جميع أنواع الشاشات والموبايل.