Gracian Anton
Software Developer
MY PROJECTS
Projects/FamilyTree
Family Tree
Jan. 2025 - Jul. 2025
Family Tree is an interactive genealogy management system that lets users create, edit, and visualize multi-generation family histories. Built with PHP (OOP MVC) and MySQL, it provides tools for adding members, defining relationships, and generating dynamic horizontal and vertical family tree layouts. The platform includes an admin dashboard for managing users, settings, and member records. Profiles support photos, personal details, and family links. Integrated Python AI services generate automatic biographies and a chatbox based on stored data. With AJAX-powered interactions, custom CSS, and JavaScript tree renderers, Family Tree delivers a smooth and responsive visual experience for exploring family lineage.
Languages Used:
  • PHP(OOP+MVC), Javascript, Python, SQL, HTML, CSS
Frameworks/Technologies Used:
  • AJAX, Langchain, Bootstrap, dTree, Gemini API
Key Features:
    Member & Relationship Management
  • Users can add, edit, and remove family members while maintaining accurate parent, child, sibling, and spouse relationships.
  • Each profile stores detailed personal information such as names, dates, notes, and biography content.
  • Photos can be uploaded and linked to each member to personalize the tree.
    Dynamic Tree Generation
  • The system automatically builds both horizontal and vertical family trees based on stored relationships.
  • A custom tree-building algorithm converts database entries into visual nodes and connection lines.
  • Users can view and navigate the lineage structure through a clean and responsive interface.
    Admin Dashboard & Structured Architecture
  • Includes a full administrative dashboard for managing member records, updating settings, and organizing profile data.
  • Built using a structured OOP architecture that separates controllers, services, views, and database logic.
  • Ensures consistent routing, clean data handling, and easily maintainable code across the application.
    AI-Enhanced Biographies & Images
  • Uses Python integration to generate AI-powered biographies based on each person’s stored information.
  • Optional AI-generated character images provide visual representations for profiles lacking photos.
  • Biography and image generation operate as background services that communicate with the main system.
    Responsive & Interactive Frontend
  • Custom CSS and JavaScript enhance the UI for tree navigation, profile viewing, and layout switching.
  • Supports both vertical and horizontal tree modes for adaptable visualization.
  • Frontend sections are structured into modular components for consistent layout and smooth interaction.