Hi, I am Yana, a FullStack Developer
BUILDING FAST & INTERACTIVE WEB EXPERIENCES.
Bridging creativity and functionality to deliver stunning, user-friendly web applications
HIRE ME
5.0
Many Client Trust with me
SERVICE
MY SERVICE EXPERTISE
Creating modern, intuitive, and visually consistent web experiences that align with industry trends and user expectations.
01
Custom Website Development
Building responsive, fast, and scalable websites tailored to your needs.
02
Web Performance Optimization
Enhancing website speed, SEO, and overall performance for better user experience.
03
Website Maintenance & Debugging
Fixing bugs, improving UI, and ensuring smooth performance over time.
04
Backend Development
Building robust and scalable server-side solutions, I offer comprehensive Backend Development services. With expertise in languages such as Python, and PHP, I design and implement APIs,manage databases, and ensure secure data transactions. My approach emphasizes performance optimization and reliability, allowing your applications to handle high traffic and deliver data efficiently. Let me help you create a solid foundation for your web applications.
05
Data Analytic
Unlock the power of your data with my Data Analytics services. I specialize in collecting, processing, and analyzing data to provide actionable insights that drive informed decision-making.Using tools like SQL, Python, and data visualization like Google Looker, I help businesses understand trends, customer behavior,and performance metrics. Whether you need to optimize your marketing strategies or improve operational efficiency, I can turn your data into a strategic asset.
06
API Integration
Enhance your applications with seamless API Integration services.I specialize in connecting various software systems and services to streamline workflows and improve functionality. Whether integrating third-party services, payment gateways, or custom APIs, I ensure smooth communication between your applications. My goal is to create a cohesive ecosystem that enhances user experience and maximizes the potential of your digital solutions.
ABOUT ME
CRAFTING SEAMLESS
HIGH-PERFORMANCE WEB EXPERIENCES
I love turning designs into interactive, high-performance websites. With a keen eye for detail and a deep understanding of frontend technologies, I create smooth and visually appealing user experiences.
SKILLS
SKILLS THAT BRING IDEAS TO LIFE
React JS
85%
Tailwind CSS
90%
HTML
95%
SQL
90%
PHP
90%
Python
80%
Google Looker
85%
WORKING
WHY CHOOSE ME?
WORKING WITH ME
React Expert
Precise Website Implementation
TypeScript Proficiency
Clean, Maintainable Code
Responsive Website Development
ANOTHER TALENT
Basic React Knowledge
Inconsistent Design Translation
Little to No TypeScript Knowledge
Unstructured Code
Inconsistent Responsiveness
EXPERIENCE
PROFESIONAL WORK
2016 - 2023
Platform Engineer - Expert Data Science
Developed and maintained RESTful APIs, web apps, and dashboards to support game voucher services, payments, and internal operations. Optimized MySQL performance, automated data workflows, and built ML-based anomaly detection. Supported reconciliation and data dispute resolution with internal and international teams.
2012 - 2016
Web Developer
Developed various BI dashboards for a state-owned company in Indonesia as an IT solutions provider
2010 - 2011
PHP Developer
Develop digital content portal and its CMS using PHP and JavaScript, with a strong focus on enhancing user experience for mobile devices
2005 - 2010
IT Staff
Analyzing and verifying incoming data while providing IT support and assistance, including developing various small desktop applications to support the daily operations of other team members
PORTFOLIO
SELECTED WORK
Point of Sales
Point of Sales Application for small to medium size business. available on both web and mobile.
React Blog
Its a Blog with feature like Register, SignIn, Create a Post, Like a Post, Comment, My Post, Etc. Developed using React JS and TypeScript.
LapakPedia Simple E-Commerce
An excercise project. It is an e-commerce website with a responsive layout for desktop and mobile devices. Include payment feature using 3rd party payment gateway (MidTrans). Developed using React JS.
Bootcamp Portfolio Project
This is the final assignment in my Web Programming Hack Bootcamp.
Next Level Food Community
An excercise project developed using NextJS 14.
Billing Management
Web application to process and manage electricity meter reading data. detect customer electricity usage anomalies based on KWH usage, verify customer KWH usage anomalies using photos captured in the field, analyze average customer kwh usage, view photos history of the kwh meter captured in the field, show meter reading routes on google maps, adjust meter reading sequence numbers.
Network Simulator
Fullstack Web Development (CodeIgniter, Leaflet, PostgreSQL) to view packet loss and create network optimization simulation
Deposit Management System
A Fullstack multi tenant web application to manage partner deposit (realtime balance deduct API, topup, manual refund, view balance and transaction reporting). developed using CodeIgniter, JQuery, BigQuery API
Transaction Anomaly Alerting System
Data Analytic and machine learning based alerting system built using BigQuery AutoML, Looker, Python, PHP and Telegram API
TESTIMONIALS
PEOPLE SAYS ABOUT ME
Dan Der, Dankach
Master Mariner / Tech Enthusiast
"I highly recommend Yana for any project. He was extremely patient and thorough when answering my questions and explaining the details of his approach. Yana also demonstrated great initiative by proactively taking on additional tasks. Overall, his professionalism and dedication made the project a success. I strongly recommend Yana to all clients."
Dan Der, Dankach
Master Mariner / Tech Enthusiast
"I highly recommend Yana for any project. He was extremely patient and thorough when answering my questions and explaining the details of his approach. Yana also demonstrated great initiative by proactively taking on additional tasks. Overall, his professionalism and dedication made the project a success. I strongly recommend Yana to all clients."
Dan Der, Dankach
Master Mariner / Tech Enthusiast
"I highly recommend Yana for any project. He was extremely patient and thorough when answering my questions and explaining the details of his approach. Yana also demonstrated great initiative by proactively taking on additional tasks. Overall, his professionalism and dedication made the project a success. I strongly recommend Yana to all clients."
Dan Der, Dankach
Master Mariner / Tech Enthusiast
"I highly recommend Yana for any project. He was extremely patient and thorough when answering my questions and explaining the details of his approach. Yana also demonstrated great initiative by proactively taking on additional tasks. Overall, his professionalism and dedication made the project a success. I strongly recommend Yana to all clients."
Dan Der, Dankach
Master Mariner / Tech Enthusiast
"I highly recommend Yana for any project. He was extremely patient and thorough when answering my questions and explaining the details of his approach. Yana also demonstrated great initiative by proactively taking on additional tasks. Overall, his professionalism and dedication made the project a success. I strongly recommend Yana to all clients."
Dan Der, Dankach
Master Mariner / Tech Enthusiast
"I highly recommend Yana for any project. He was extremely patient and thorough when answering my questions and explaining the details of his approach. Yana also demonstrated great initiative by proactively taking on additional tasks. Overall, his professionalism and dedication made the project a success. I strongly recommend Yana to all clients."
FAQ
FREQUENTLY ASKED QUESTIONS
What technologies do you specialize in?
I specialize in React.js, Next.js, Vue.js, Tailwind CSS, and TypeScript, ensuring high-performance, scalable, and maintainable web applications.
Do you work on both design and development?
I focus primarily on frontend development, translating UI/UX designs into responsive and interactive web experiences. However, I collaborate closely with designers to ensure a seamless user experience.
Can you optimize an existing website for better performance?
Yes! I can analyze, debug, and optimize websites to improve speed, accessibility, and SEO, using best practices like lazy loading, code splitting, and performance monitoring.
Do you take freelance or contract-based projects?
Yes! I am open to freelance, contract, and full-time opportunities, depending on the project scope and requirements. Feel free to reach out!
How do you approach a new project?
I start by understanding the project goals and requirements, followed by wireframing or UI implementation, then development, testing, and deployment—ensuring a smooth and efficient workflow.
How can we collaborate?
You can contact me via email, LinkedIn, or GitHub. I usually begin with a consultation to discuss your needs, then propose a plan to bring your vision to life. Let's create something awesome together!
Yana Supriatna
Available for Work
CONTACT