HELLO, I’M DYAN CRIS ALEJANDRO
Frontend & web developer. Creative problem solver.
I build thoughtful interfaces and practical systems that help businesses, schools, and communities work better.
Business systems & creative experiences
A connected business platform
Developer & owner, DCGrafix IT Solutions
01 / THE PROJECT COLLECTION
A look at what I build: connected business tools, creative workspaces, and interactive experiences. Explore each project to see the thinking behind it.
Showing all 14 projects.
Student records, attendance, term-based academic workflows, staff management, and printable school documents in one connected system.
Bring administrative and academic tasks into a consistent interface.
Connected student and staff records with attendance, academic terms, ID production, and printable outputs.
Request a walkthrough ↗Sales, products, stock movements, receipts, and reporting designed around the daily rhythm of a small business.
Keep sales and stock workflows connected across business operations.
Role-aware interfaces for product management, checkout, receipts, reporting, and store operations.
Request a walkthrough ↗Client records, quotations, installations, warranty documents, photo uploads, and maintenance workflows for solar projects.
Organize the documents and follow-up work that surround a solar installation.
Connected quotations, installation records, warranty automation, photos, and printable project documents.
Request a walkthrough ↗Multi-login event scoring with contestants, criteria, judges, tabulation, and printable results.
Give event teams a structured scoring and results workflow.
Separate event and judge interfaces connect contestant setup, criteria, score entry, and tabulation.
Request a walkthrough ↗Arrange 1×1, 2×2, passport, and custom-size photos on printable sheets with a focused production workflow.
Reduce repetitive layout work when preparing identification photos.
A photo arrangement interface with predefined sizes, custom dimensions, and printable sheet output.
Request a walkthrough ↗Numbered QR tickets, multi-page printing, participant registration, and verified winners for event organizers.
Connect ticket production, registration, and winner verification.
An event workflow covering numbered tickets, print sheets, participant records, and verified draws.
Request a walkthrough ↗Manage a barangay slate and present candidate profiles and platforms during campaign rallies.
Turn candidate information into an organized presentation workflow.
Connected candidate profiles and platform content with a presentation interface for campaign events.
Request a walkthrough ↗Resident and household records, certificates, blotter cases, officials, announcements, and activity records.
Organize the records and documents needed for community administration.
Structured resident and household workflows with certificate generation, case records, and activity tracking.
Request a walkthrough ↗A web and PWA karaoke experience with video search, playable-video selection, reserve queues, and a scoring interface.
Create a connected karaoke experience for mobile and desktop.
Integrated YouTube Data API search with playable-video selection and reserve/queue controls.
Request a walkthrough ↗Guided creative workspaces that turn design requirements into structured prompts, with drafts and favorites.
Help creators express detailed design requirements more clearly.
Purpose-specific forms collect creative direction for banners, invitations, portraits, and other design tasks.
Request a walkthrough ↗An invitation editor with event details, style controls, and background options for personalized designs.
Make invitation customization easier through direct editing controls.
A focused editor separates event information, visual styling, and background choices.
Request a walkthrough ↗A presentation workspace for worship songs and scripture, with library search and a dedicated display.
Support the preparation and presentation of worship content.
A searchable song and scripture library paired with a separate presentation screen.
Request a walkthrough ↗A search-first YouTube movie player using API-powered discovery and embeddable-video filtering.
Connect movie-title search to playable, embeddable video results.
YouTube Data API integration with search filtering and an in-browser player.
Request a walkthrough ↗A creative studio project for turning an idea into a movie storyboard and organizing an episode.
Provide a workspace for developing a story from an initial idea.
A React-based studio interface with project, episode, and storyboard flows.
Request a walkthrough ↗Project visuals are illustrative interface concepts. Want to see a workflow in action? Ask me for a walkthrough ↗
ONE CONNECTED WORKSPACE
DC Grafix brings eight focused applications together—from school records and sales to events and community services. This portfolio shares the work behind them; clients keep their own secure login.
Go to client login ↗02 / A LITTLE ABOUT ME
I’m Dyan, the developer behind DC Grafix. I connect the details of frontend development with the practical needs of the people using the system.
As a developer and business owner, I work directly with clients and stakeholders to understand their operations, turn requirements into usable features, and support applications after launch.
My background in marketing, sales, and community work brings a people-first perspective to technical problem solving. I care about clear interfaces, reliable workflows, and the details that make a product easier to use.
Find me on GitHub ↗JavaScript (ES6+), HTML5, CSS3, jQuery, responsive design, mobile-first interfaces, and reusable UI patterns.
Laravel, PHP, MySQL, REST APIs, JSON, authentication, user roles, document generation, and Progressive Web Apps.
Git / GitHub, SSH deployment, Hostinger, debugging, production troubleshooting, backups, and ongoing support.
Requirements analysis, client communication, AI-assisted development, continuous learning, and hands-on problem solving.
03 / EXPERIENCE & EDUCATION
Technical work shaped by real operational needs, direct client conversations, and long-term support.
Design, develop, deploy, and maintain responsive web applications and PWAs. Build interfaces, integrate APIs, manage production updates, and translate stakeholder requirements into working software.
04 / LET’S START A CONVERSATION
OPEN TO OPPORTUNITIESLooking for a developer who cares about
the interface and the work behind it?
I’d love to hear about your team.