Skip to main content
Profile of Rifqi Aditya

Rifqi Aditya

software

full-stack

engineer

Jakarta, Indonesia

About

Full-Stack web developer, at the moment. I work on Angular and Vue with Java / Spring. Currently learning about AWS, Cloud Computing and DevOps.

Experience

  • IT Project Officer @

    -
    ID - Jakarta

    Summary:

    • In my role as IT Project Officer Frontend, I am working on QLOLA, a corporate solution platform. I am building a real time data dashboard using Next.js, Ant Design, and Zustand, which provides critical insights for strategic decision making. By implementing server-side data fetching and skeleton loaders, I have improved page performance and user experience. I have also contributed as part of the R&D team to modernize our codebase by refactoring legacy JavaScript into scalable, reusable TypeScript components, developing custom hooks, and migrating the Next.js Pages Router to the updated App Router, ensuring that our platform remains aligned with the latest web technologies.

    Responsibilities:

    • Collaborated with backend, QA, and product teams to actively develop and maintain QLOLA, an integrated corporate solution platform.
    • Developed a real-time QLOLA data dashboard using Next.js, Ant Design, and Zustand, providing business teams with critical insights to drive strategic decision-making.
    • Improved loading experience with Next.js server-side data fetching and Material UI’s skeleton loaders, delivering a visually seamless transition for users.
    • Trusted to be part of the R&D squad, worked on migrating Next JS Pages Router to the updated App Router.
    • Contributed to refactoring legacy codebase, such as JavaScript files into Typescript files, making components reusable, creating custom hooks, and refactored inefficient codes.
    • HTML5
    • CSS3
    • SCSS
    • JavaScript
    • TypeScript
    • Git
    • Docker
    • React
    • Redux
    • React Query
    • Material UI
    • Ant Design
    • Next
    • Consul
    • Jest
  • Full-Stack Engineer @

    -
    ID - Remote (Freelance)

    Summary:

    • In my role as Frontend Engineer at Koendang, I’ve developed online wedding invitation solutions for over 40 clients by leveraging customizable and reusable Next.js templates. I collaborated on creating a dashboard application that enabled clients to efficiently track invitation data while enhancing existing React components for improved performance and user experience. To maintain high code quality, I implemented TypeScript for robust type-safety and elevated UI/UX through the use of Styled Components, Tailwind CSS, and Chakra UI. I also integrated React Query to streamline asynchronous state management, established a CI/CD pipeline for frontend deployments using Docker and AWS ECR, and implemented custom logging with Pino in tandem with pino-loki to send log data to Grafana's Loki. Additionally, I ensured resilient application performance by incorporating global error handling with React Error Boundary and automating database backups to AWS S3 using Databacker.

    Responsibilities:

    • Developed online wedding invitations for 30+ clients utilizing customizable and reusable Next.js templates.
    • Collaborated on the creation of a dashboard application, enabling clients to easily track invitation data.
    • Safeguarded code quality by implementing TypeScript for type-safety.
    • Elevated UI/UX by employing Styled Components, Tailwind CSS, and Chakra UI for superior website styling.
    • Integrated React Query to streamline asynchronous state management.
    • Setup CI/CD pipeline for frontend deployment to VPS using Docker and AWS ECR.
    • Integrated custom logging for frontend using Pino and sends the log data to Grafana’s Loki.
    • Configured Databacker for automated database backups to AWS S3.
    • Designed and implemented robust API endpoints using Go (Golang), ensuring high performance and scalability for backend services
    • HTML5
    • CSS3
    • SCSS
    • JavaScript
    • TypeScript
    • Git
    • GitHub Actions
    • Docker
    • React
    • Redux
    • React Query
    • Next
    • Chakra UI
    • Shadcn
    • Go
    • Swagger
    • Pino
    • Grafana
    • MySQL
    • AWS
    • React Hook Form
    • React Router
  • Web Developer @

    -
    ID - Jakarta (Internship)

    Summary:

    • In my role as a Web Developer Intern at Gravel, I contributed to enhancing the company’s landing page by developing product information pages, improving user experience and accessibility for potential customers. I leveraged React.js and react-hook-form to create a dynamic 'borongan' services order form, streamlining the user input process and ensuring efficient data handling. Additionally, I integrated Strapi as a headless CMS, enabling seamless content management and dynamic metadata updates to optimize SEO performance. Through close collaboration with the SEO team, I helped improve the website’s discoverability and drive increased traffic.

    Responsibilities:

    • Enhanced Gravel's landing page by developing product information pages, improving user experience for potential customers.
    • Leveraged react-hook-form to create a dynamic 'borongan' services order form and integrated Strapi for data management, improving Gravel's operational efficiency.
    • Collaborated with SEO specialists to dynamically update website metadata via Strapi, enhancing Gravel's landing page discoverability and driving increased traffic.
    • HTML5
    • CSS3
    • SCSS
    • JavaScript
    • TypeScript
    • Git
    • React
    • Redux
    • Material UI
    • Ant Design
    • Next
    • Strapi
    • React Hook Form

Projects

Education

Certificates