https://github.com/walidfekry/happiness-jar-landing-page
برطمان السعادة هو تطبيق يساعدك على نشر الطاقة الإيجابية والتفاؤل يوميًا من خلال رسائل ملهمة، اقتباسات محفزة، ومساحتك الخاصة لتدوين لحظات سعادتك.
https://github.com/walidfekry/happiness-jar-landing-page
happiness inspiration landing-page motivation positivity react tailwindcss typescript vite
Last synced: 2 months ago
JSON representation
برطمان السعادة هو تطبيق يساعدك على نشر الطاقة الإيجابية والتفاؤل يوميًا من خلال رسائل ملهمة، اقتباسات محفزة، ومساحتك الخاصة لتدوين لحظات سعادتك.
- Host: GitHub
- URL: https://github.com/walidfekry/happiness-jar-landing-page
- Owner: WalidFekry
- License: mit
- Created: 2025-08-05T22:38:41.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2025-08-05T22:55:35.000Z (2 months ago)
- Last Synced: 2025-08-06T00:24:42.573Z (2 months ago)
- Topics: happiness, inspiration, landing-page, motivation, positivity, react, tailwindcss, typescript, vite
- Language: TypeScript
- Homepage: https://walid-fekry.com/blog/happiness-jar
- Size: 344 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🌟 برطمان السعادة - صفحة الهبوط
صفحة هبوط احترافية لتطبيق "برطمان السعادة" - تطبيق الرسائل التحفيزية والإيجابية اليومية.
## 📱 عن التطبيق
برطمان السعادة هو تطبيق عربي يقدم رسائل تحفيزية واقتباسات ملهمة يومية لمساعدتك على بدء يومك بطاقة إيجابية وثقة بالنفس.
### المميزات الرئيسية:
- 🔹 4 رسائل يومية مُخصصة
- 🔹 إشعارات تحفيزية تلقائية
- 🔹 مئات الرسائل والاقتباسات الملهمة
- 🔹 إمكانية حفظ الرسائل المفضلة
- 🔹 وضع ليلي مريح للعين
- 🔹 يعمل بدون إنترنت
## 🛠️ التقنيات المستخدمة
- **React 18** - مكتبة JavaScript للواجهات
- **TypeScript** - للكتابة الآمنة
- **Tailwind CSS** - للتصميم والتنسيق
- **Lucide React** - للأيقونات
- **Vite** - أداة البناء والتطوير
## 🎨 الألوان المستخدمة
```css
--custom-teal: #9ADCD8
--custom-yellow: #F5D29A
--custom-orange: #F58F73
--custom-blue: #5C9FD1
```
---
## 🌐 مثال ومعاينة مباشرة
يمكنك معاينة نسخة من صفحة الهبوط الخاصة بالتطبيق من خلال الرابط التالي:
[معاينة صفحة برطمان السعادة](https://walid-fekry.com/happiness-jar/) 👉
---
## 📁 هيكل المشروع
```
src/
├── components/ # مكونات React
│ ├── Header.tsx # رأس الصفحة
│ ├── HeroSection.tsx # القسم الرئيسي
│ ├── FeaturesSection.tsx # قسم المميزات
│ ├── CategoriesSection.tsx # قسم الأقسام
│ ├── AppScreenshots.tsx # قسم صور التطبيق
│ ├── AdditionalFeatures.tsx # المميزات الإضافية
│ ├── ReviewsSection.tsx # قسم التقييمات
│ ├── CTASection.tsx # دعوة للتحميل
│ └── Footer.tsx # تذييل الصفحة
├── assets/
│ └── images/ # صور التطبيق
├── App.tsx # المكون الرئيسي
├── main.tsx # نقطة الدخول
└── index.css # الأنماط الأساسية
```
## 🚀 التشغيل المحلي
1. **استنساخ المشروع:**
```bash
git clone https://github.com/WalidFekry/Happiness-Jar-Landing-Page.git
cd Happiness-Jar-Landing-Page
```
2. **تثبيت التبعيات:**
```bash
npm install
```
3. **تشغيل الخادم المحلي:**
```bash
npm run dev
```
4. **فتح المتصفح على:**
```
http://localhost:5173
```
## 🔧 البناء للإنتاج
```bash
npm run build
```
سيتم إنشاء مجلد `dist` يحتوي على الملفات الجاهزة للنشر.
## 📊 تحسين محركات البحث (SEO)
الصفحة محسنة لمحركات البحث وتتضمن:
- ✅ Meta tags محسنة
- ✅ Open Graph tags
- ✅ Twitter Card tags
- ✅ Structured Data (JSON-LD)
- ✅ Semantic HTML
- ✅ Alt text للصور
- ✅ ARIA labels
## 📞 التواصل
- **المطور:** [Walid Fekry](https://walid-fekry.com)
- **صفحة فيسبوك:** [App.Happiness](https://www.facebook.com/App.Happiness)
- **البريد الإلكتروني:** walid_fekry@hotmail.com
- **تطبيقات مجانية أخرى:** [Google Play Developer](https://play.google.com/store/apps/dev?id=6257553101128037563)
- **سياسة الخصوصية:** [https://sites.google.com/view/happinessjar/home](https://sites.google.com/view/happinessjar/home)
## 📱 تحميل التطبيق
- **Android:** [Google Play Store](https://play.google.com/store/apps/details?id=com.jar.happiness)
- **iOS:** [App Store](https://apps.apple.com/us/app/%D8%A8%D8%B1%D8%B7%D9%85%D8%A7%D9%86-%D8%A7%D9%84%D8%B3%D8%B9%D8%A7%D8%AF%D8%A9-%D8%B1%D9%81%D9%8A%D9%82%D9%83-%D8%A7%D9%84%D9%8A%D9%88%D9%85%D9%8A/id6565808195)
## 📄 الترخيص
هذا المشروع مرخص تحت رخصة MIT - راجع ملف [LICENSE](LICENSE) للتفاصيل.
## 🤝 المساهمة
المساهمات مرحب بها! يرجى فتح issue أو pull request.
---
**تم تطوير هذه الصفحة بـ ❤️ لتطبيق برطمان السعادة**