Riski Dafa Setyawan
Frontend Specialist & Backend Powerhouse
Building high-performance, scalable web applications with a focus onUX excellenceand clean architecture.
PROFESSIONAL JOURNEY
EXPEDITION
Kawan Kode
Fullstack Developer
Building robust web applications using Laravel and Filament, managing cloud infrastructure on AWS, and automating workflows with GitHub Actions.
Backend & DevOps
Architecting scalable APIs with Laravel and implementing CI/CD pipelines for seamless deployment.
Cloud Infrastructure
Managing AWS resources including EC2 and S3 for high availability and performance.
PT. Data Andalan Utama
Frontend Developer
Worked on 10+ projects, including applications built from scratch and feature development on existing systems. Developed systems for marketplaces, membership platforms, and payment gateways.
Frontend Development
Built web/mobile apps using React, Next.js, and Expo. Converted Figma designs with Tailwind CSS and Shadcn UI.
State & Performance
Implemented robust state management using XState and TanStack Query. Researched and adopted new tools to improve application performance and workflow.
PT. Adma Digital Solusi
BackEnd Engineer (Internship)
Developed a Multi-Channel Marketplace Integration Web App from scratch. Designed database schemas compatible with various marketplace API responses (e.g., Lazada).
Key Contributions
EDUCATION
Universitas Semarang
2026 - PresentBachelor in Informatics Engineering
GPA: 3.78 / 4.00
Politeknik Negeri Semarang
2020 - 2024Diploma in Informatics Engineering
GPA: 3.77 / 4.00
TECHNICAL ARSENAL
FRONTEND
- React
- Next.js
- TypeScript
- Tailwind CSS
- Redux
- XState
- TanStack Query
- Expo
BACKEND
- Node.js
- NestJS
- Express
- Laravel
- PostgreSQL
- MySQL
- Redis
- Prisma
CLOUD & TOOLS
- Google Cloud Platform
- Docker
- Git
- CI/CD
- Figma
- Jira
MODERN TOOLING
XState
Deterministic State Management
Replacing boolean chaos with finite state machines. Visualizing logic flows to eliminate impossible states in complex multi-step forms.
const toggleMachine = createMachine({
id: 'toggle',
initial: 'inactive',
states: {
inactive: {
on: { TOGGLE: 'active' }
},
active: {
on: { TOGGLE: 'inactive' }
}
}
});TanStack Query
Server State Synchronization
Decoupling UI from data fetching logic. Implementing optimistic updates, infinite scrolling, and aggressive caching strategies.
const { data, isLoading } = useQuery({
queryKey: ['todos'],
queryFn: fetchTodos,
staleTime: 1000 * 60 * 5,
});INTEGRATED PROJECTS
COMMUNITY & IMPACT
Google Developer Student Clubs
Core Team & Curriculum Developer
Collaborated internally and with other GDSC communities to enhance the ecosystem. Developed engaging materials for Study Jams and served as a speaker, sharing technical knowledge with members.
Tech Mentorship
Intern Guide & Code Reviewer
Actively mentoring interns at PT. Data Andalan Utama, enforcing Clean Code principles. Conducting comprehensive code reviews on GitLab for every merge request to ensure high-quality deliverables.