Skip to content

Muhamad Rafi Hariman Saputra

Frontend Developer at BSI UII

About

Frontend work, shaped by practice and continuous learning.

I'm a Frontend Developer at BSI UII. I build responsive interfaces and maintain web applications with clean, reusable code.

I got into software development through a six-to-eight-month internship at BSI UII, working on both backend and frontend tasks. That's where I learned how interfaces, APIs, data, and team workflows connect in a real project.

After the internship, I stayed on as a contract Frontend Developer. Now I turn UI/UX designs into application interfaces, build and maintain frontend features, and work alongside backend developers and stakeholders.

On top of work, I study Informatics in the employee-class program at Universitas Mercu Buana Yogyakarta. I also take on freelance projects, mostly profile sites, landing pages, and simple websites for small businesses.

View selected work

Experience

From internship to frontend development.

  1. After internship · Present

    Frontend Developer · BSI UII

    Contract employee (SPK)

    Stayed on at BSI UII after the internship, working mainly on frontend development, feature delivery, and application maintenance.

    • Translate UI/UX designs into responsive application interfaces.
    • Build and maintain frontend features for institutional web applications.
    • Work with backend developers and stakeholders during implementation.
    • Keep interfaces consistent and maintainable across ongoing work.

  2. Internship · approximately 6 to 8 months

    Backend & Frontend Developer Intern · BSI UII

    Internship

    Worked on backend and frontend tasks while learning how APIs, databases, interfaces, and delivery workflows connect in real software projects.

    • Supported API and data work required by frontend features.
    • Helped with interface implementation and website maintenance.
    • Worked across both sides of the application before specializing in frontend development.

Currently

Frontend Developer at BSI UII · Informatics student at UMBY · selected freelance work

Education

Bachelor of Informatics · Universitas Mercu Buana Yogyakarta

Employee-class program · Currently enrolled

Selected Work

Projects that show how I build and learn.

A selection of reusable foundations, interface prototypes, and learning projects from my GitHub.

  • Ionic Angular Boilerplate

    Boilerplate

    A reusable Ionic and Angular starter that cuts down on repeated setup for mobile-ready navigation, PWA support, Capacitor, and server-side rendering.

    I set up the frontend foundation and documented how to reuse it.

    • Ionic
    • Angular
    • TypeScript
    • Capacitor
    • PWA
    • SSR
    View live demoView repository

  • BSG Cashier

    Prototype

    A cashier interface prototype built to explore product management, transaction flows, and reliable local persistence in an Angular application.

    I designed the frontend structure, built the interface flow, and added IndexedDB persistence with Dexie.

    • Angular
    • TypeScript
    • Tailwind CSS
    • Dexie
    View repository

  • Matematik Apps

    Learning Project

    An interactive mathematics app I built to practise component design, React with TypeScript, and responsive learning interfaces.

    I built the interface and interaction flow, learning React and TypeScript along the way.

    • React
    • TypeScript
    • Vite
    • Tailwind CSS
    View repository

Skills

Technologies I work with.

A focused view of the tools I use at work, in projects, and while learning.

  • Frontend

    • Angular
    • TypeScript
    • JavaScript
    • HTML
    • CSS
    • Tailwind CSS
    • Responsive Web Design

  • Project Experience

    • React
    • Next.js
    • Ionic
    • Capacitor
    • Progressive Web Apps
    • Dexie
    • Firebase

  • Tools & Workflow

    • Git
    • GitHub
    • Vite

Contact

Have a project or frontend problem to discuss?

You can find my public projects and current experiments on GitHub.

View GitHub