About me

A graduate with a Bachelor's degree in Computer Engineering from the Faculty of Electrical Engineering, Telkom University, who has a keen interest in website development, particularly in front-end website development. Has experience in creating a website project for facial and temperature detection for attendance based on the IoT (Internet of Things) purposes using Bootstrap, PHP (Laravel), MySQL database, and successfully utilizing the Telegram bot API.

Additionally, has worked on a project involving a coffee bean moisture detector using Cloud Computing technology. Possesses hard skills such as HTML, CSS, JavaScript, jQuery, Git, PHP, MySQL, and front-end frameworks including React.js, Next.js, and Redux. Also has strong time management and leadership skills.

Currently, I work at PT. Chemviro Buana Indonesia as a Front End Web Developer and Product Specialist. As a Front End Web Developer, I am responsible for redesigning and updating the company's profile page using HTML, CSS, JavaScript, Bootstrap, and jQuery. I develop a static company profile page that includes activity documentation and component specifications, such as Raspberry Pi, water, and air sensors, and I create menus for AQMS and WQMS component sales information.

As a Product Specialist, I collaborate with external companies like Pulsar Measurement for procuring flow meter equipment, provide technical support to clients, and install AQMS and WQMS in various cities, including providing usage guidance.

My Skills

  • React JS

    React JS

    ReactJS is a JavaScript framework used to build interactive user interfaces (UI). ReactJS employs the concept of components to create modular and easily manageable UI. I use it to develop simple static websites.

  • Next JS

    Next JS

    Next.js is a powerful React framework used for building modern web applications. It offers features like server-side rendering (SSR), static site generation (SSG), and dynamic routing, which improve performance and SEO. Next.js simplifies the development process by providing built-in API routes, image optimization, and support for CSS modules. Its flexibility allows developers to build highly responsive and scalable applications, making it ideal for projects that require a blend of static and dynamic content.

  • Redux

    Redux

    Redux is a state management library for JavaScript applications, often used with React. It provides a centralized store to manage the state of an entire application, making it predictable and easier to debug. With Redux, components can access and update the state without passing data through multiple layers, reducing complexity in large applications. It follows a unidirectional data flow, using actions to describe state changes and reducers to handle updates, promoting maintainable and scalable code.

  • Bootstrap

    Bootstrap

    Bootstrap is a popular front-end framework for building responsive and mobile-first websites. It provides a collection of pre-designed CSS, JavaScript components, and utilities, making it easier to create modern layouts and user interfaces. With features like a responsive grid system, reusable components (such as buttons, modals, and navbars), and built-in themes, Bootstrap helps developers quickly prototype and build web applications. It is widely used for its consistency, cross-browser compatibility, and ease of customization.

  • Tailwind CSS

    Tailwind CSS

    Tailwind CSS is a utility-first CSS framework that simplifies web development by providing pre-defined classes directly in HTML. It enables developers to design custom interfaces quickly without writing extensive custom CSS. With a focus on flexibility and responsiveness, Tailwind allows precise control over styling, such as margins, padding, colors, and grids. It encourages reusability and consistency, making it easier to maintain scalable code across large projects. Tailwind also supports theme customization, making it a popular choice for modern, responsive web applications.

  • Canva

    Canva

    Canva is a powerful and user-friendly design tool. I frequently use Canva for graphic design.

  • Vue JS

    Vue JS

    Vue.js is a progressive framework, meaning it can be adopted incrementally, starting from adding small features to building complex web applications. I have incorporated Vue.js into a previously created website.

  • Microsoft Office

    Microsoft Office

    Microsoft Office is a suite of productivity tools designed to help users with various tasks, such as document creation, data management, and presentations. It includes popular applications like Word for word processing, Excel for spreadsheets, PowerPoint for presentations, and Outlook for email management. Microsoft Office is widely used in business, education, and personal projects due to its versatility and user-friendly interface. Available both as a desktop and cloud-based service (Microsoft 365), it supports collaboration and file sharing, making it ideal for modern workflows.

  • HTML

    HTML

    HTML (HyperText Markup Language) is the standard language used to create and structure content on the web. It defines the basic elements of a webpage, such as headings, paragraphs, links, images, and lists. HTML uses tags to mark up content, giving structure and meaning to the text and media on a webpage. It serves as the foundation for web development, working alongside CSS for styling and JavaScript for interactivity, making it essential for building websites and web applications.

  • JavaScript

    JavaScript

    JavaScript is a versatile programming language primarily used to create dynamic and interactive content on websites. It enables developers to implement features like form validation, animations, real-time updates, and interactive elements. JavaScript can be executed directly in the browser, allowing client-side functionality, but it can also run on servers using environments like Node.js. It works seamlessly with HTML and CSS to enhance user experience, making it essential for web development.

  • CSS

    CSS

    CSS (Cascading Style Sheets) is a styling language used to define the appearance and layout of web pages. It allows developers to control design aspects such as colors, fonts, margins, spacing, and positioning of elements. CSS works alongside HTML to enhance the visual presentation, ensuring websites are responsive and visually appealing across different devices. It supports external stylesheets, making it easy to maintain consistent styling across multiple web pages, and includes features for animations and transitions to improve user experience.

  • Figma

    Figma

    Figma is a web-based design tool used for creating user interfaces, wireframes, prototypes, and collaborative design projects. It offers real-time collaboration, allowing multiple users to work simultaneously on the same design. With features like vector editing, prototyping, and reusable components, Figma streamlines the design process for teams. It is widely favored for its cloud-based accessibility, enabling easy sharing and version control, making it a popular choice for UI/UX designers and developers.

  • Git and GitHub

    Git and GitHub

    Git is a version control system for tracking code changes and enabling collaboration. It supports branching, merging, and version history. GitHub is a cloud-based platform that hosts Git repositories, allowing teams to collaborate, track issues, and manage pull requests. It is widely used for both open-source and private projects.

  • Cloud Computing

    Cloud Computing

    Cloud computing is the delivery of computing services—such as storage, servers, databases, and software—over the internet. It allows users to access resources on-demand without needing local infrastructure. Cloud computing offers scalability, flexibility, and cost-efficiency, making it ideal for businesses and individuals to manage data and applications remotely. Popular cloud models include Infrastructure as a Service (IaaS), Platform as a Service (PaaS), and Software as a Service (SaaS).

What i'm doing

  • web design icon

    Web design

    Ensuring the design aligns with current trends and professional standards.

  • Web development icon

    Web development

    I am very interested in the field of website development. I have been learning HTML, CSS, JavaScript, and several frameworks until now. I have successfully created and implemented a website project at one school.

  • Video Editing and Graphic Design icon

    Video Editing and Graphic Design

    I am passionate about video editing and graphic design using various tools.

  • Write icon

    Write

    I love writing, especially handwriting. I have neat handwriting. I usually write stories or just important notes.

  • Football icon

    Football

    I love football and I spend my free time playing it or watching it, either on TV or at the stadium.

  • Music icon

    Music

    I am very passionate about music. I have participated in several music competitions. I can play the guitar, piano, and bass.

  • Game icon

    Game

    I spend my free time playing games, especially sports games or MOBA games.

Resume

Formal Education

  1. Telkom University

    Computer Engineering Bachelor's Degree ( 2019 - 2023 )

    I completed a 4-year college degree in computer engineering. I am active in the organization and serve as a part of the supervision and assessment division. My responsibilities include supervising activities, being aware of activity report agendas, evaluating each organization's activity proposal, and assessing the progress of activities within the study program's organization.

  2. SMAN 1 Cibinong

    Natural Science ( 2016 - 2019 )

    I once served as the vice chair of the public relations publication division for one year, and the following year, I became the chair of the public relations and publication division.

  3. SMPN 52 Jakarta

    ( 2013 — 2016 )

    I am active in futsal extracurricular activities.

  4. SDN Cipinang O5 Pagi Jakarta Timur

    ( 2007 — 2013 )

    Always ranked in the top 3 of the class each semester (from Grade 1 to Grade 6).

Experience and Other Education

  1. Front-End Web Developer Bootcamp

    Dibimbing.id ( Mar 2024 — Present )

    Studying and implementing front-end web technologies such as React.js, Next.js, and Redux in projects.

  2. Front-End Web Developer

    PT. Chemviro Buana Indonesia ( Mar 2024 — Present )

    Creating (redesigning, recreating, and revamping) the entire company profile landing page website using Front-End Web Development technologies such as HTML, CSS, JavaScript, Bootstrap, jQuery, and others. Developing a static company profile landing page website by adding menus that will be periodically updated and updating website content.

  3. Product Specialist

    PT. Chemviro Buana Indonesia ( Mar 2024 — Present )

    Establishing partnerships with external companies such as Pulsar Measurement, a UK-based company (United Kingdom), for the procurement of flow meter equipment, which is a component of the WQMS (Water Quality Monitoring System). Installing and providing technical support to clients regarding AQMS (Air Quality Monitoring System) and WQMS (Water Quality Monitoring System).

  4. Data Analytics and Digital Marketing

    RevoU ( 2023 )

    The Digital Marketing and Data Analytics Course is foundational training in the fields of digital marketing and data analytics, conducted online. Learning based on case studies and using Google Data Studio.

  5. BANGKIT ACADEMY LED BY GOOGLE, TOKOPEDIA, GOJEK, & TRAVELOKA

    Bangkit ( Feb 2022 — July 2022 )

    Bangkit Academy is a career readiness program that aims to produce high-caliber technical talent for world-class Indonesian technology companies and startups, fully supported by Google, GoTo, and Traveloka. Bangkit Academy offers three learning tracks, namely Cloud Computing, Machine Learning, and Mobile Development. Throughout the learning process, we delve into more detailed studies of the chosen learning track, guided by experts. Successfully completed the Capstone Design project on the Coffee Bean Humidity Detection System. In this project, I am responsible for building cloud infrastructure, managing cloud infrastructure, determining cloud infrastructure needs, and testing APIs using POSTMAN.

  6. EMBEDDED SYSTEM STUDY GROUP

    Telkom University RnEST Laboratory ( 2019 — 2020 )

    About the basic concepts of embedded systems, characteristics, and microcontroller architecture including memory, input-output (I/O), and using the Arduino Programming Language.

Portfolio

Certificate