Skip to content

Latest commit

 

History

History
118 lines (73 loc) · 5.85 KB

readme.md

File metadata and controls

118 lines (73 loc) · 5.85 KB

ShareMe

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.

Screenshots

Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 4

Features

  • 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.

Technologies Used

  • 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.

Installation

To set up the ShareMe project locally, follow these steps:

  1. Clone the repository: git clone https://github.com/o2sa/shareme.git
  2. Navigate to the project directory: cd shareme
  3. Install dependencies: npm install
  4. Start the development server: npm start
  5. Open your web browser and navigate to http://localhost:3000

Configuration

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.

Usage

  1. Register for a new account or login with your Google credentials.
  2. Upload your pictures and share them with your friends and followers.
  3. Explore the feed to discover new pictures from other users.
  4. Interact with posts by leaving comments and liking pictures.
  5. Customize your profile settings and manage your uploaded pictures.

Contributing

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.

License

This project is licensed under the MIT License.

Contact

For any inquiries or feedback, please contact the project maintainer at osama.f.mabkhot@gmail.com.

ShareMe

ShareMe هو تطبيق وسائل اجتماعية بسيط يتيح للمستخدمين مشاركة صورهم والتواصل مع الآخرين بطريقة بصرية وجذابة. تم بناء التطبيق باستخدام React للجزء الأمامي، و Sanity لإدارة المحتوى، والمصادقة من Google لمصادقة المستخدم.

الميزات

  • مشاركة الصور: يمكن للمستخدمين رفع ومشاركة صورهم مع الآخرين.
  • مصادقة المستخدم: مصادقة المستخدم الآمنة باستخدام مصادقة Google.
  • تحديثات في الوقت الحقيقي: تحديثات وإشعارات في الوقت الحقيقي لتجربة تفاعلية.
  • التعليقات والإعجابات: يمكن للمستخدمين التفاعل مع المشاركات عن طريق ترك تعليقات والإعجاب بالصور.
  • تصميم متجاوب: تصميم يتوافق مع الهواتف النقالة لتصفح سلس على أي جهاز.

التقنيات المستخدمة

  • React: مكتبة JavaScript لبناء واجهات المستخدم.
  • Sanity: نظام إدارة المحتوى الرأسي لإدارة المحتوى وتخزين البيانات.
  • Google Auth: مصادقة Google لتسجيل الدخول الآمن للمستخدم.
  • HTML/CSS: لغات الترميز والتنسيق لبناء هيكل الموقع ومظهره.

التثبيت

لإعداد مشروع ShareMe محليًا، اتبع هذه الخطوات:

  1. استنسخ المستودع: git clone https://github.com/o2sa/shareme.git
  2. انتقل إلى دليل المشروع: cd shareme
  3. قم بتثبيت الاعتماديات: npm install
  4. ابدأ خادم التطوير: npm start
  5. افتح متصفح الويب الخاص بك وانتقل إلى http://localhost:3000

التكوين

قبل تشغيل التطبيق، تأكد من إعداد مصادقة Google وتكوين مشروع Sanity. قم بتحديث ملفات التكوين الضرورية بالبيانات الاعتمادية الخاصة بك ومفاتيح API.

الاستخدام

  1. قم بالتسجيل للحصول على حساب جديد أو تسجيل الدخول باستخدام بيانات اعتماد Google الخاصة بك.
  2. قم برفع صورك ومشاركتها مع أصدقائك ومتابعيك.
  3. استكشف التغذية لاكتشاف صور جديدة من المستخدمين الآخرين.
  4. تفاعل مع المشاركات عن طريق ترك تعليقات والإعجاب بالصور.
  5. قم بتخصيص إعدادات ملفك الشخصي وإدارة الصور التي قمت برفعها.

المساهمة

المساهمات في ShareMe مرحب بها! إذا واجهت أي مشكلات أو كانت لديك اقتراحات للتحسين، يرجى تقديم طلب سحب أو فتح مشكلة على GitHub.

الرخصة

يتم ترخيص هذا المشروع بموجب رخصة MIT.

التواصل

لأي استفسار أو تعليق، يرجى الاتصال بمسؤول المشروع على osama.f.mabkhot@gmail.com.