Jakarta, Indonesia

riolly.dev github.com/riolly linkedin.com/in/riolly

Profile

Self-learned front-end developer focused to create engaging and intuitive UI. With over three years of experience using React and its ecosystem, including Next.js, I prioritize the user experience by optimizing performance. I leverage TypeScript extensively to ensure fast and reliable development, and build design systems with Tailwind CSS to make products stand out & consistent. As a seasonal full-stack developer, I have extensive experience building APIs, using ORM/SQL, and managing databases. Active in programming community make me stay up-to-date with the latest technology.

I am looking for collaborative and supportive environment where we can grow together as a team through solving problem and build innovative product.

Work Experience

Full-stack Developer - Freelance July 2022 — now

  • Developed full-stack applications using Next.js, utilizing various rendering techniques such as SSG, ISR, and SSR to improve performance and SEO depending on the page type.
  • Integrating Prisma ORM, tRPC, and react-query on the back-end to make type-safe APIs, that are easy to call and manage.
  • Migrating project to a monorepo using Turborepo to make package reusable in multiple apps.
  • Added a react native (Expo) to existing project and integrated it with the back-end and auth using Clerk.
  • Built a personal website with Astro that achieved a perfect 100 lighthouse score.
  • Enhanced page interactivity with the island architecture with SolidJS framework.
  • Created stunning animations using pure CSS, resulting in visually appealing pages even without JavaScript.
  • Developed a responsive design system using Tailwind CSS for faster & easier styling.
  • Deployed and maintained databases using Planetscale, resulting in zero downtime and easier migration management.
  • Developed an app with improved accessibility using ChakraUI.
  • Designed multiple landing page mockups using Figma.
  • Created custom markdown editor with Tiptap, incorporating all the features users expect for rich content.
  • Implemented infinite scroll for blog posts, resulting in faster query speeds.

Front-end Developer at Achiko AG September 2020 — June 2022

  • Led & finished dashboard app revamp project within four months with a new design system, resulting in increased user engagement and improved UX.
  • Improved code safety and reliability by porting legacy code to TypeScript, resulting in a more maintainable and scalable codebase.
  • Optimized app performance by reducing bundle size with code-splitting, resulting in faster page load times and improved user experience.
  • Designed and developed an interactive chart feature, providing users with valuable insights and data visualization capabilities.
  • Implemented an advanced table system to handle complex data, improving data management and organization for users.
  • Created a complex form with advanced validation, resulting in a user-friendly and error-free data input experience.
  • Managed async server state with client caching, resulting faster data retrieval and more responsive app.
  • Developed data export feature to Excel & PDF, allowing users to easily export and share data with others.
  • Built a custom markdown editor for rich text content, providing a more flexible and customizable content creation experience.
  • Implemented React Suspend and optimistic rendering to improve user experience, resulting in smoother and more responsive app performance.
  • Collaborated with the back-end team to adjust API for the new dashboard, ensuring seamless integration and improved overall app functionality.

Education

Full-stack Javascript Developer

Hacktiv8 Bootcamp, Jakarta

February — June 2020

Bachelor of Engineering Physics

Sepuluh Nopember Institute of Technology (ITS), Surabaya

2013 — 2017

Skills

  • Typescript
  • Next.js / Vercel
  • React
  • React Native / Expo
  • TailwindCSS / SASS
  • tRPC
  • TanStack query, table, router
  • Auth.js / OAuth
  • Zustand / Redux
  • ReactHookForm / Formik
  • Prisma / Sequelize
  • MySQL (PlanetScale)
  • Astro
  • SolidJs
  • Figma, and many more

Languages

English as international language
Professional working proficiency

Bahasa Indonesia as national language
Native / bilingual proficiency

Javanese as local language
Native / bilingual proficiency

References

Yudhistira Eka Putra Lyaeus GmbH yudhistira.eka.putra@gmail.com +62 811 8949 797

Rahmat Gilang Maulana Sirclo - sirclo.com gilang.maulana@gmail.com +62 851 5528 1158

Fadilah Arifki Pandatech - pandatech.io fadilah.arifki29@gmail.com +62 895 0582 2191