ShareMe is a simple social media app that allows users to share their pictures and connect with others in a visual and engaging way. The application is built using React for the frontend, Sanity for content management, and Google authentication for user authentication.
- Picture Sharing: Users can upload and share their pictures with others.
- User Authentication: Secure user authentication using Google authentication.
- Real-time Updates: Updates and notifications in real-time for an interactive experience.
- Commenting and Likes: Users can interact with posts by leaving comments and liking pictures.
- Responsive Design: Mobile-friendly layout for seamless browsing on any device.
- React: JavaScript library for building user interfaces.
- Sanity: Headless CMS for content management and data storage.
- Google Auth: Google authentication for secure user login.
- HTML/CSS: Markup and styling languages for building the website's structure and appearance.
To set up the ShareMe project locally, follow these steps:
- Clone the repository:
git clone https://github.com/o2sa/shareme.git - Navigate to the project directory:
cd shareme - Install dependencies:
npm install - Start the development server:
npm start - Open your web browser and navigate to
http://localhost:3000
Before running the application, ensure you have set up Google authentication and configured the Sanity project. Update the necessary configuration files with your credentials and API keys.
- Register for a new account or login with your Google credentials.
- Upload your pictures and share them with your friends and followers.
- Explore the feed to discover new pictures from other users.
- Interact with posts by leaving comments and liking pictures.
- Customize your profile settings and manage your uploaded pictures.
Contributions to ShareMe are welcome! If you encounter any issues or have suggestions for improvements, please submit a pull request or open an issue on GitHub.
This project is licensed under the MIT License.
For any inquiries or feedback, please contact the project maintainer at osama.f.mabkhot@gmail.com.
ShareMe هو تطبيق وسائل اجتماعية بسيط يتيح للمستخدمين مشاركة صورهم والتواصل مع الآخرين بطريقة بصرية وجذابة. تم بناء التطبيق باستخدام React للجزء الأمامي، و Sanity لإدارة المحتوى، والمصادقة من Google لمصادقة المستخدم.
- مشاركة الصور: يمكن للمستخدمين رفع ومشاركة صورهم مع الآخرين.
- مصادقة المستخدم: مصادقة المستخدم الآمنة باستخدام مصادقة Google.
- تحديثات في الوقت الحقيقي: تحديثات وإشعارات في الوقت الحقيقي لتجربة تفاعلية.
- التعليقات والإعجابات: يمكن للمستخدمين التفاعل مع المشاركات عن طريق ترك تعليقات والإعجاب بالصور.
- تصميم متجاوب: تصميم يتوافق مع الهواتف النقالة لتصفح سلس على أي جهاز.
- React: مكتبة JavaScript لبناء واجهات المستخدم.
- Sanity: نظام إدارة المحتوى الرأسي لإدارة المحتوى وتخزين البيانات.
- Google Auth: مصادقة Google لتسجيل الدخول الآمن للمستخدم.
- HTML/CSS: لغات الترميز والتنسيق لبناء هيكل الموقع ومظهره.
لإعداد مشروع ShareMe محليًا، اتبع هذه الخطوات:
- استنسخ المستودع:
git clone https://github.com/o2sa/shareme.git - انتقل إلى دليل المشروع:
cd shareme - قم بتثبيت الاعتماديات:
npm install - ابدأ خادم التطوير:
npm start - افتح متصفح الويب الخاص بك وانتقل إلى
http://localhost:3000
قبل تشغيل التطبيق، تأكد من إعداد مصادقة Google وتكوين مشروع Sanity. قم بتحديث ملفات التكوين الضرورية بالبيانات الاعتمادية الخاصة بك ومفاتيح API.
- قم بالتسجيل للحصول على حساب جديد أو تسجيل الدخول باستخدام بيانات اعتماد Google الخاصة بك.
- قم برفع صورك ومشاركتها مع أصدقائك ومتابعيك.
- استكشف التغذية لاكتشاف صور جديدة من المستخدمين الآخرين.
- تفاعل مع المشاركات عن طريق ترك تعليقات والإعجاب بالصور.
- قم بتخصيص إعدادات ملفك الشخصي وإدارة الصور التي قمت برفعها.
المساهمات في ShareMe مرحب بها! إذا واجهت أي مشكلات أو كانت لديك اقتراحات للتحسين، يرجى تقديم طلب سحب أو فتح مشكلة على GitHub.
يتم ترخيص هذا المشروع بموجب رخصة MIT.
لأي استفسار أو تعليق، يرجى الاتصال بمسؤول المشروع على osama.f.mabkhot@gmail.com.