Giter Site home page Giter Site logo

capstone-moeen / moeen Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 0.0 8.17 MB

MOEEN♿ A React App designed to assist individuals with special needs in navigating public spaces. The platform aims to provide detailed information about accessible places to people with disabilities, addressing issues like parking facilities, ramps for wheelchair access, and overall accessibility features.

Home Page: https://moeen-two.vercel.app/

JavaScript 99.06% HTML 0.27% CSS 0.67%
bootcamp capstone-project firebase google-maps-api group-project react tailwindcss

moeen's Introduction

MOEEN ✨♿️

Project Description:

Our website is an innovative online platform designed to assist individuals with special needs navigate public spaces. The platform aims to provide detailed information about accessible places to people with disabilities, addressing issues like parking facilities, ramps for wheelchair access, overall accessibility features, etc.

Key Features ✨:

  • Interactive Map 🗺️:

Users can view a map on the homepage illustrating all accessible places categorized by types (restaurants, parks, hotels, etc.). The map displays the user's current location.

  • Search Functionality 🔎:

Users can search for a specific place using the search bar.

  • Place Details 📝:

Clicking on a place on the map reveals a menu with details (place name, distance from the current location, guided directions, images, accessibility services offered, visitor ratings, and a specific accessibility rating).

  • User Reviews ⭐️⭐️⭐️:

Users can write reviews about accessibility services for each place. A favorite list allows users to save preferred places.

  • User Profile 🪪:

Clicking on the user's profile picture reveals a menu containing personal information and the favorite list.

  • Add New Place ➕:

Users can submit requests to add new places not currently on the map.

Additional Features 🌟:

  • Customizable Layout 🪄:
  • Users can adjust the website layout to easy mode, catering to those who find map interfaces challenging.

    • Voice Mode 🎤:

    An option for a voice-enabled mode to aid users with visual impairments.

    • Color Scheme Customization 🎨:

    The ability to change the site colors to accommodate individuals with color blindness.

    Project User Story 📄:

    Mohammed, a person with disabilities, planned to visit a public place in Riyadh. Upon arrival, he discovered the absence of designated parking spaces for people with disabilities. Undeterred, he parked in regular spaces only to find no wheelchair ramps, he felt disheartened cause experience was not the first.

    Our website emerged as a solution, offering a comprehensive guide to disability-friendly locations. The platform features an interactive map, search functionality, detailed place information, user reviews, and a profile section. Users can also contribute by adding new places. Additional features, such as customizable layouts, voice mode, and color scheme customization, make the platform inclusive for diverse users.


    معين ✨♿️

    وصف المشروع:

    هو موقع إلكتروني مبتكر يهدف إلى مساعدة ذوي الاحتياجات الخاصة في التنقل في الأماكن العامة، بمعنى ان موقعنا يوفر معلومات مفصلة حول الأماكن الملائمة للأشخاص ذوي الإعاقة، وذلك من خلال التركيز على قضايا مثل مرافق ومواقف السيارات والمنحدرات المخصصة للكراسي المتحركة وميزات الوصول الشاملة وغيرها.

    ميزات رئيسية ✨:

    • الخريطة التفاعلية 🗺️:

    يتيح للمستخدمين عرض خريطة على الصفحة الرئيسية توضح جميع الأماكن المتاحة مصنفة حسب الأنواع (المطاعم، المتنزهات، الفنادق، إلخ). تعرض الخريطة الموقع الحالي للمستخدم.

    • البحث 🔎:

    يمكن للمستخدمين البحث عن مكان محدد باستخدام شريط البحث.

    • تفاصيل المكان 📝:

    يظهر النقر على مكان ما على الخريطة قائمة تحتوي على تفاصيل المكان (اسم المكان، المسافة من الموقع الحالي، الاتجاهات الإرشادية، الصور، خدمات الوصول، تقييمات الزوار، وتقييم خاص بالوصول).

    • مراجعات المستخدم ⭐️⭐️⭐️:

    يمكن للمستخدمين كتابة تعليقات حول خدمات الوصول لكل مكان. يسمح للمستخدمين بحفظ الأماكن المفضلة.

    • ملف الملف الشخصي للمستخدم 🪪:

    يظهر النقر على صورة الملف الشخصي للمستخدم قائمة تحتوي على المعلومات الشخصية وقائمة المفضلة.

    • إضافة مكان جديد ➕:

    يمكن للمستخدمين إرسال طلبات لإضافة أماكن جديدة.

    ميزات إضافية 🌟:

    • قابلية تخصيص وضع المستخدم 🪄:

    يمكن للمستخدمين اختيار وضع الموقع لتسهيل الاستخدام، سواء كان الوضع العادي او الوضع السهل.

    • وضع الصوت 🎤:

    خيار لتمكين وضع الصوت لدعم المستخدمين ذوي الإعاقات البصرية.

    • تخصيص نظام الألوان 🎨:

    إمكانية تغيير ألوان الموقع لتناسب الأفراد ذوي عمى الألوان (العمى الاكثر انتشارًا، عمى اللون الاحمر).

    قصة المستخدم الخاصة بالمشروع 📄:

    محمد، شخص مقعد من ذوي الاحتياجات الخاصة، كان يخطط للذهاب لأحد الأماكن العامة الموجودة في مدينة الرياض، وعند وصوله تفاجأ بعدم وجود مواقف مخصصة لذوي الاحتياجات الخاصة، فقرر الوقوف في المواقف العادية وتفاجأ بعدها بعدم وجود المنحدر المخصص للكرسي المتحرك، فشعر بالحزن حيث ان هذه ليست المرة الاولى التي يتكرر فيها هذا الموقف.

    موقع معين ساعد محمد بالعثور على حل لهذه المشكلة، الذي يهدف لتوفير معلومات مفصلة حول الأماكن المهيئة لذوي الاحتياجات الخاصة.


    Team: (الفريق)

    Our design: (تصميمنا)

    Figma: Click me🔗

    User Home Page - صفحة المستخدم الرئيسية

    User Home Page - صفحة المستخدم الرئيسية

    User Main Menu - قائمة المستخدم الرئيسية

    User Main Menu - قائمة المستخدم الرئيسية

    Most Popular PLaces List - قائمة الاماكن الاعلى تقييما

    User Favorite Places - الاماكن المفضلة للمستخدم

    User Favorite Places - الاماكن المفضلة للمستخدم

    Search Functionality - خاصية البحث

    Search Functionality - خاصية البحث

    User Can View Place Details - المستخدم يستطيع عرض تفاصيل المكان

    User Can View Place Details - المستخدم يستطيع عرض تفاصيل المكان

    User Can View Place Rating Details and Comments - المستخدم يستطيع عرض تفاصيل تقييم المكان والتعليقات

    User Can View Place Rating Details and Comments - المستخدم يستطيع عرض تفاصيل تقييم المكان والتعليقات

    User Can Wirte a Comment and Rate any place - المستخدم يستطيع كتابه تعليق وتقييم أي مكان

    Easy Layout - الوضع السهل

    We created Easy Mode for users who may have difficulty handling the map or have hand disabilities.

    قمنا بانشاء الوضع السهل للمستخدمين الذين قد يعانون من صعوبه بالتعامل مع الخريطه او ذوي الاعاقه باليد

    User Can View Place Details in Easy Layout - المستخدم يستطيع عرض تفاصيل المكان بالوضع السهل

    Users Can Help Us By Adding New Places to The Map - يستطيع المستخدمون مساعدتنا عن طريق اضافه اماكن جديدة للخريطة


    Admin Dashoard - لوحة المعلومات ااخاصة بمدير النظام

    Admin Main Menu - القائمة الرئيسية الخاصة بمدير النظام

    Places List (In the Map) - قائمة الاماكن (الموجوده في الخريطة)

    Admin Rating for places - تقييم مدير النظام للاماكن

    New Places Request for the Admin - قائمة الاماكن الجديدة لمدير النظام

    For new places so Admin can check if it is fits or not

    الاماكن الجديدة ليستطيع مدير النظام النظر في ما اذا كانت اماكن مناسبة ام لا


    Sign In and Sign Up - تسجيل دخول وتسجيل جديد


    Error Page - صفحة الخطأ

    moeen's People

    Contributors

    amwaj-m avatar devtasnem avatar maanraddadi avatar

    Stargazers

     avatar  avatar  avatar  avatar

    Watchers

     avatar

    Recommend Projects

    • React photo React

      A declarative, efficient, and flexible JavaScript library for building user interfaces.

    • Vue.js photo Vue.js

      🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

    • Typescript photo Typescript

      TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    • TensorFlow photo TensorFlow

      An Open Source Machine Learning Framework for Everyone

    • Django photo Django

      The Web framework for perfectionists with deadlines.

    • D3 photo D3

      Bring data to life with SVG, Canvas and HTML. 📊📈🎉

    Recommend Topics

    • javascript

      JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

    • web

      Some thing interesting about web. New door for the world.

    • server

      A server is a program made to process requests and deliver data to clients.

    • Machine learning

      Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

    • Game

      Some thing interesting about game, make everyone happy.

    Recommend Org

    • Facebook photo Facebook

      We are working to build community through open source technology. NB: members must have two-factor auth.

    • Microsoft photo Microsoft

      Open source projects and samples from Microsoft.

    • Google photo Google

      Google ❤️ Open Source for everyone.

    • D3 photo D3

      Data-Driven Documents codes.