All projects

Projects

14 projects

    • Frontend
    • UI / UX
    • Software Engineer / Frontend Engineer

    B2B carbon monitoring SaaS developed in a 5-member team, featuring role-based workflows for Admin, Master, and User, a 4-step onboarding flow, and REST API integrations.

    • React
    • TypeScript
    • Vite
    • REST API
    • React Router
    • React Hook Form
    • Zod
    • Zustand

    Professional work — details kept general.

    • Frontend
    • AI / ML
    • UI / UX
    • Frontend Engineer & UI/UX Designer

    Interactive AI conversation bot developed for Kumamoto EXPO 2025. I designed and implemented the frontend with face-detection and microphone-aware interactions, used by 80+ visitors.

    • Next.js
    • React
    • TypeScript
    • face-api.js
    • TensorFlow.js
    • react-mic
    • UI / UX
    • Visual Design
    • UI/UX Designer / Visual Designer

    Recruitment website of roughly 21 pages designed for desktop and mobile in a 3-person team, supported by recruitment campaign visuals.

    • Figma
    • UI/UX Design
    • Responsive Design
    • Visual Assets

    Professional work — details kept general.

    • AI / ML
    • Data / Optimization
    • Machine Learning Developer

    Audio emotion recognition system that extracts ZCR, RMS, and MFCC features and uses a TensorFlow/Keras model to classify speech into six emotion categories through a Streamlit interface.

    • Python
    • TensorFlow
    • Keras
    • Librosa
    • NumPy
    • Pandas
    • Streamlit
    • AI / ML
    • Data / Optimization
    • Machine Learning Engineer

    Machine-learning application for forecasting inflation across Indonesian cities and periods using an LSTM model, developed as a Bangkit capstone project.

    • Python
    • TensorFlow / Keras
    • LSTM
    • Pandas
    • Flask
    • Docker
    • UI / UX

    Event website design for BLASTOUT 2023.

    • Figma
    • Web Design

    Professional work — details kept general.

    • AI / ML
    • Data / Optimization

    Machine-learning model predicting CO2 emissions for four-wheeled vehicles.

    • Python
    • Machine Learning
    • AI / ML

    NLP model detecting suicide-risk signals from text.

    • Python
    • NLP
    • AI / ML

    Image generation pipeline that turns face photos into comic-style portraits.

    • Python
    • Computer Vision
    • AI / ML
    • Data / Optimization

    Model predicting building damage grades from survey data.

    • Python
    • Machine Learning
    • AI / ML
    • Data / Optimization
    • Data Scientist Intern

    LLM-related data scraping and pipeline work, built with a Singapore-based teammate during a data science internship.

    • Data Pipeline
    • LLM
    • Web Scraping

    Professional work — details kept general.

    • Data / Optimization
    • Data Scientist Intern

    Four optimization models built with Gurobi and OR-Tools in a 5-member team, with deployment work using Docker and Google Kubernetes Engine. The live demo re-solves every model in the browser.

    • Python
    • Gurobi
    • OR-Tools
    • Gradio
    • Docker
    • Google Kubernetes Engine
    • Visual Design

    Social media and visual identity work for HIMAKOM, leading and coordinating a 6-member team.

    • Visual Design
    • Social Media
    • Frontend
    • Design & Development

    This site — an editorial, motion-heavy portfolio built with Next.js, GSAP, Framer Motion, and Three.js.

    • Next.js
    • TypeScript
    • GSAP
    • Framer Motion
    • Three.js
    • React Three Fiber

Faris Znafis

Loading portfolio