Home

Hello, I'm Ahmad Tarrabeih,

I possess a versatile skill set that spans a wide range of programming languages, including Java, C#, C, PHP, and JavaScript. Proficient in web development technologies such as jQuery, Ajax, HTML, and CSS, I bring expertise in both frontend (React JS, Flutter) and backend (Laravel) frameworks to the table. My familiarity with UI frameworks like Bootstrap and Tailwind enhances my capabilities. Additionally, I excel in data analysis and manipulation using R scripting and R Shiny.

Generator Subscription Manager

Overview:

Online Bills is a web-based billing and meter management system designed to streamline the tracking of electricity consumption, bill payments, and customer accounts. The system provides a comprehensive dashboard for admins, accountants, and collectors to monitor customer activity, billing status, and meter checks. Built with Laravel as the backend and React.js with Bootstrap for the frontend, it ensures an efficient and user-friendly experience for managing utility bills.

Features:

Dashboard: Provides key insights, including total bills, payment status, meter checks, and customer activity.
Customer Management: Add, edit, and manage customer accounts, including active and inactive users.
Billing System: Generate, track, and manage monthly electricity bills with details on paid and pending amounts.
Meter Tracking: Monitor checked and unchecked meters to ensure accurate readings.
User Roles & Permissions: Manage different roles, including admins, collectors, accountants, and maintenance staff.
Subscription Types: Supports Monophase, Biphase, and Triphase subscriptions.
Reports & Analytics: Track payment percentages, total revenue, and billing history over time.

Technologies Used:

Frontend: React js, Bootsrap
Backend: Laravel / PHP
Database: MySQL / MariaDB

Shawn's Barber Shop

Overview:

Shawn's Barber Shop CRM is a web-based appointment management system designed for barbershops in Canada. It streamlines bookings, customer management, and scheduling, ensuring a seamless experience for both barbers and clients. Built with Laravel as the backend and React.js with Bootstrap for the frontend, it offers an intuitive interface to manage appointments, track customer history, and handle pricing efficiently.

Overview:

Dashboard: View key metrics such as total appointments, cuts per month, and top barbers.
Appointment Booking: Customers can schedule haircuts by selecting a barber, style, date, and time.
Customer Management: Add, edit, and remove customers with search and filtering options.
Barber Management: Manage barbers, assign roles, and enable/disable accounts.
Work Schedule: Set barber availability with time slots for each day of the week.
Cuts & Pricing: Maintain a list of haircut, beard, and face grooming services with pricing.
History & Reports: Track customer visit history and booked appointments over time

Technologies Used:

Frontend: React js, Bootsrap
Backend: Laravel / PHP
Database: MySQL / MariaDB

Attendance Management System

Daily Attendance App

I spearheaded the development of a comprehensive attendance management system designed to streamline daily attendance tracking for employees while providing administrators with real-time monitoring capabilities. This project involved the creation of both a mobile application and a web-based platform to cater to the needs of both employees and administrators.

Technologies Used:

Mobile App Development: Flutter, Dart, Firebase Authentication

Web App Development: React.js, Firebase, Bootstrap, JavaScript, Realtime Database.

Location Services: GPS, Geocoding APIs.

Version Control: Git, GitHub.

HR Web And Mobile Application (Flutter)

Map Page

This page displays the current location of the user (site) to facilitate the check-in and check-out process when they arrive at or leave the workplace. Additionally, it disables the use of mock locations.

Home Page

The home page contains a small dashboard displaying key data such as today's date, the current month, check-in/out counts, Sundays, and Saturdays. These elements are clickable, allowing users to access more detailed information with just a simple click

Daily Attendance

This page displays the current user's daily attendance, showing both check-in and check-out times. Additionally, it allows the user to export their monthly attendance as an Excel sheet for the monthly report.

Mini Page For Admins
This page is designed for administrators who utilize the same mobile app to view the daily attendance of each user for any month they require. Administrators can easily switch between users and months, and they have the option to display the attendance data on maps for enhanced visualization.

HR Web Application for Administrators:

HR Web Applciation for admin

On the other hand, administrators can monitor users through a web application created with React.js, Bootstrap, and PrimeReact.

Home Page

Home Page contains a mini dashboard for admins, which includes two graphs showing the daily attendance of the current month and the total. The second circular graph indicates the month's arrivals, categorizing them as on time, significant delay, or minor delay.

Attendance Page

This page displays the daily attendance of each user for the admin. The admin can easily switch between users and months. Additionally, the admin can download the attendance data for a selected user and month in Excel (XLSX or CSV) format, and view it conveniently on maps.

Holidays Page

This page is designed to view the holidays for the current year.

Map Page

This page enables admins to view the locations of all users on a map interface and check if they've checked in/out at the site.

Streamlining Patient Management 2 using react Js and Laravel

Streamlining Patient Management using react Js and Laravel

In healthcare innovation, I've created a React.js application seamlessly integrated with Laravel and MySQL. By tapping into Laravel's backend strength and MySQL's reliability, we ensure secure data management. The frontend, driven by React.js and styled with Bootstrap and PrimeReact, guarantees a user-friendly experience. Our solution optimizes patient profile maintenance, organizes data efficiently, and enhances accessibility for healthcare professionals. It's a synergy of Laravel, MySQL, React.js, Bootstrap, and PrimeReact, revolutionizing patient management for efficiency and quality care.

Patients Section

This page is designed for adding, editing, and searching patients, as depicted in the image above. In conclusion, it facilitates the storage of new patient data.

Home Page

This is the home page displaying a mini dashboard for patients, featuring three graphs: one for patient count each month per year, another for addresses, and the last for patients gender.

Setting Page

This is the settings page for editing user data and managing users, such as enabling or disabling users, making them administrators, revoking permissions, or changing passwords

Removed Patients Page

This is the page to display removed patients. If a user deletes a patient, they will be moved to the removed page.

Log History Page

This is the logs history page, where users can view logs of each action, including details of changes made. Users can also view all logs here

Streamlining Patient Management

Streamlining Patient Management React js and Firebase

I have developed a comprehensive React.js application integrated with Firebase, Bootstrap, and PrimeReact to streamline patient management within healthcare settings. This innovative application focuses on maintaining patient profiles efficiently, facilitating organized data storage, and ensuring seamless accessibility for healthcare professionals.

The app comprises three distinct pages for enhanced functionality. The first page offers a user-friendly table displaying patient profiles, including vital details such as full name and contact information. The second page provides a detailed history log for every patient entry, allowing healthcare providers to track changes and updates seamlessly. Additionally, the third page serves as a removal log, enabling users to restore any removed patient profile as needed.

This robust application leverages React.js for dynamic user interfaces, Firebase for secure data storage, Bootstrap for responsive and visually appealing design, and PrimeReact for rich UI components. The integration of these technologies ensures a modern and efficient solution for healthcare professionals to manage patient profiles effectively, providing a seamless and intuitive experience for both doctors and nurses.

Multi Task managment

A web app for time management is a tool that helps individuals manage their time more effectively by providing features such as task lists, scheduling tools, and time tracking capabilities. It can increase productivity, reduce stress, and provide valuable insights into how time is being spent on different tasks.

Calenader

A calendar is an essential component of our time management web app. It seamlessly integrates with Google Calendar, enabling users to organize and schedule their activities over time, while also keeping track of important dates, deadlines, and events through their Google Calendar accounts.

Notes

A Notes tab in a time management web app is a feature that allows users to create and store text-based notes or memos. It can be a useful tool for jotting down ideas, reminders, to-do lists, or any other important information that needs to be remembered or referred to later.

Account

The account settings feature may also allow users to customize their account preferences, such as changing their profile information, updating their email address or passwords.

Smart Clinic Manger

In this work, we propose an open-source Web healthcare application (CLINIC) that provides various features and services commonly used and required in clinic systems. The application offers a suitable environment for users (clinicians, nurses, patients, and administrators), who are involved in the healthcare process. Our application provides an interactive way for communication between clinicians, nurses and patients, while maintaining high standards of security and functionality. CLINIC offers a variety of services to any clinician who needs a reliable management system to his/her clinic.

Patients Data

This page to edit and update patients personal data

Medical forms

This page to check all patients forms

AppoiNtments

Appointments page to manage all patients appointment by adding and editing dates.

Dashboard about Patients and some data

Quick Fix Mobile Web application

Quick Fix Phone Repair is a Cell Phone Repair shop based in Edmonton Alberta Canada. We provided a website with customer service in mind. Creating a website that provides appointments as well as mail in repair options for all customers across Canada. On the control panel side we created a system to organize customer appointments, repairs, repair status, set a schedule based on business needs as well as a full calendar based system to view all appointments of the month/week/day. The system also provides automatic email and sms notifications for customers who have booked/sent/are awaiting their device repair.

Phone Repair Data

This Page Presents a table of data to show Cutromers repair data

Customers Data

Customer data

Issues Data

Issue data allows admins to edit update issues

Human Resource MS

Collecting, storing, updating, and reaching employees data.
Adding departments and jobs per department.
Managing employee’s work time and attendance (check-in and check-out times) and downloading an excel file for the monthly report per employee.
Request vacations, sick leave/other types of absence, with a Response from the admin (accept, reject, and postpone).
Employee self-service portal (attendance, requesting leave and vacations)

Clinic web Application

I design and create a clinic web application to manage doctors clinic, that allows the doctors to add, display and search for patient, and more feature such search by symptoms and profile.