Family Tree

Project Outline

This is a family tree website to track all family members with an accurate level of details like basic details with name, phone, address, location and more and education level, work sector branch, working status and more.

This application consists of two major portals one for main administrators and the other one for every member in the family.

This system consists of three main branches with a lot of features in each one like below.

The admin panel consists of many modules as a back end processes like:

  • Admin Authentication Module (with the ability to login to the admin panel, edit profile like name, email, ability to change the password and admin logout).
  • Admins and Roles module (with the ability to add new roles and admins and easily assign roles to any admin with specific permissions).
  • Tree module (to draw the whole family members tree using Balkan family tree JS library).
  • Members module (with the ability to add new members with different details, edit, approve, reset and delete members).
  • Education module (with the ability to control all education levels through adding, editing and deleting).
  • Jobs module (with the ability to control all jobs levels through adding, editing and deleting).
  • Sectors module (with the ability to control all working sectors through adding, editing and deleting).
  • Tree module comes with a lot of features like searching, filtering and the ability to export the family tree as PDF and the ability to trach every member on the tree with specific level of information based on requirements.

The Member Portal:

This portal is concerning about every individual member in the tree to control his details and information effectively through many modules like :

  • Tree module (with the ability to see the whole family members tree and get any details about other members in his tree).
  • Updating information module (include updating his details about various aspects like wives, sons, work details, education level, working sectors and more).

What is special about this project ?

  • All the project processes done by using Laravel Livewire technique.
  • Using Balkan Family tree JS library with all its available features.
  • Make some changes to Balkan family tree features using JavaScript.
  • Multi Language application.
  • Adding OTP authentication for members portal.

Used technologies for this website

This website depends on many technologies like:

  • Laravel Framework v.9
  • Laravel Livewire
  • PHP
  • MySQL
  • JavaScript
  • Ajax
  • JQuery
  • Bootstrap 5
  • Css
  • Html
  • Git
  • GitHub