Malak Jawabreh
Aya Awwad


An-Najah National University
Faculty of Engineering and Information Technology

Computer Engineering Department
Software Graduation Project

Wassalni Ma’ak

Supervised by:  Dr.  Anas Toma




1


Table of constants

1
Introduction
Project Execution
Constraints
2
3
Feature
4
5
Future work



2



The Problem

Objectives





Provides a reliable transportation alternative when public transit is unavailable.

Offers a user-friendly platform for easy trip coordination and booking

Lowers commuting costs for both drivers and passengers.

Limited public transportation, especially during peak hours or in underserved areas, makes commuting difficult.


Traffic congestion and high commuting costs create daily challenges for students, employees, and long-distance travelers. 



3


Wassalni Ma’ak | وصلني معك
"Wassalni Ma’ak" is an innovative app that allows people to share their rides with others heading to the same destination.





4

Technologies used
BACK END :
Node.js 


FRONT END:
Flutter

DATA BASE:
MongoDB , Firebase









5


Welcome Pages











6










Registration




7


Registration As Driver












8


Registration As Driver












9


Login Page












10







Driver Dashboard (( الصفحة الرئيسية للسائق 


Features



11










Driver Dashboard (( الصفحة الرئيسية للسائق 



12


Driver Dashboard











13










 Passenger Dashboard ( الصفحة الرئيسية للراكب )




14


Passenger ( Booking Trip )










15


Passenger (Search and filter trips )











16


Passenger (My Booking)











17


Passenger ( View All Driver ) 











18










Navigation Drawer



19


Navigation Drawer اعدادات اللغة 












20


Navigation Drawer اعدادات الثيم 












21


Navigation Drawer حالة الحساب  













22






Security and Authentication




Use JWT to Authenticate accounts
Encrypt passwords and admin code
Hide the password



23










Navigation Drawer  الموقع الحالي 



24










Navigation Drawer  الشكاوي 



25









Navigation Drawer  الدعم  



26












Personal Page المعلومات الشخصية



27










Personal Page سجلّ الدخل



28


Chatting








Chat List
Chat Page – User 1
Chat Page – User 2 



29


Notifications اشعار حجز في رحلة   












30


Website – Welcome Page









31


 Website Admin









32


Admin 
ادارة المستخدمين









33


جميع المستخدمين









34


البحث عن أي مستخدم
using name or phone












35


عرض معلومات اي مستخدم 











36








Admin 
ادارة الرحلات



37








Admin 
ادارة الحجوزات



38


 Search -البحث عن الحجوزات 













39

Add – اضافة حجز جديد











40









عرض الرحلات لسائق معين
Add – اضافة حجز جديد



41








Admin 
ادارة الشكاوي



42


Admin Management










43








Admin 
اضافة ادمن جديد




44







Admin 
حذف ادمن




45







Admin Chatting




46


Updates in Flutter.



1
2
The Many Languages We Learned In Short Time.


CONSTRAINTS:



47






2
3
4
To add the ability to track the car when it sets off to the intended 
destination.
To add the feature of tracking road conditions so that the driver and 
passenger can see the status of barriers and take the best route.


Organize trips through the application to tourist places.
FUTURE WORK :



48


THANK YOU !
Do you have any question ?


image1.png

image2.jpg

image3.png

image4.png

image5.png

image6.png

image7.png

image8.png

image9.png

image10.PNG

image11.PNG

image12.PNG

image13.PNG

image14.jpg

image15.png

image16.svg
                                                                                                                                                                                                                                  


image17.PNG

image18.PNG

image19.PNG

image20.PNG

image21.PNG

image22.PNG

image23.PNG

image24.PNG

image25.PNG

image26.jpg

image27.png

image28.PNG

image29.PNG

image30.PNG

image31.PNG

image32.PNG

image33.PNG

image34.PNG

image35.PNG

image36.PNG

image37.PNG

image38.PNG

image39.PNG

image40.PNG

image41.PNG

image42.PNG

image43.PNG

image44.PNG

image45.PNG

image46.PNG

image47.PNG

image48.PNG

image49.PNG

image50.PNG

image51.PNG

image52.png

image53.png

image54.png

image55.png

image56.PNG

image57.PNG

image58.png

image59.svg
  
.MsftOfcResponsive_Fill_002060 {
 fill:#002060; 
}

   


image60.jpg

image61.png

image62.svg
  
.MsftOfcResponsive_Fill_002060 {
 fill:#002060; 
}

 


image63.png

image64.svg
  
.MsftOfcResponsive_Fill_002060 {
 fill:#002060; 
}

   


image65.PNG

image66.png

image67.PNG

image68.PNG

image69.PNG

image70.PNG

image71.PNG

image72.PNG

image73.PNG

image74.PNG

image75.jpg

image76.jpg

image77.jpg

image78.jpg

image79.jpg

image80.PNG

image81.PNG

image82.PNG

image83.png

image84.jpg

image85.jpg

image86.jpg

image87.jpg

image88.jpg

image89.PNG

image90.PNG

image91.png

image92.png

image93.PNG

image94.png

image95.jpg

image96.jpg

image97.png

image98.png

image99.png

image100.png

image101.jpg

image102.png

image103.svg