Hello!

I am Yogi Hafidh, Full Stack Developer

I am Yogi, a Software Engineering student at Telkom University with a passion for full-stack web development. I work with React.js and Next.js on the frontend, and Node.js and Golang on the backend. I’ve built several web projects, and I am actively sharpening my skills to become a professional full-stack developer.

SKILL SET

Services I Provide

UI Design

I create clean and user-friendly designs based on requirements, starting from wireframes to interactive prototypes for web and mobile apps.

Frontend Development

I build fast and responsive websites using React and Next.js, focusing on clean code, performance, and great user experience.

Backend Development

I develop reliable and scalable server-side applications using Go (Golang), focusing on performance, security, and clean architecture. (COOMING SOON)

Apps Result

Featured Project

See what I have been working on as a software engineer

Glamping Booking System

Rumah Angsa Glamping

Rumah Angsa Glamping Management System is a digital solution built for Rumah Angsa, a glamping destination located in the scenic area of Gucci, Bumijawa, on the slopes of Mount Slamet. The system consists of two integrated applications: a guest-facing app...

Glamping Booking System

Koprasi System for admin and User

Koprasi KSP Cihonje

KSP Website is a financial transaction recording platform designed for members, staff, cashiers, and cooperative leaders. The system aims to improve transparency and streamline cooperative financial activities, allowing easy management of financial transactions and user data. The platform includes an...

Koprasi System for admin and User

Recipes Web Apps (Personal Project)

Forkify Apps

Forkify is a JavaScript-based web application that allows users to search, view, bookmark, and upload recipes using the Forkify API. The app is built with a focus on dynamic data handling, user customization, and clean architecture, following the MVC design...

Recipes Web Apps (Personal Project)
Dashboard
SASS
Frontend Development
Backend Development
System Design
Wireframe
Product Design
Prototyping
Dashboard
SASS
Frontend Development
Backend Development
System Design
Wireframe
Product Design
Prototyping

My Personel Journey

Experience and Education

See more about my experience and education

KSP Cihonje Koprasi System Project

Full-Stack Developer

In this 4th semester project, I was responsible for designing and developing the system as a whole, starting from creating a Software Requirements Specification (SRS) document to define system requirements, to designing and implementing a database using MySQL and creating an Entity Relationship Diagram (ERD). I also developed the user interface based on Figma's design using HTML, CSS, and JavaScript, and implemented CRUD features for user and transaction data. In addition, I ensured that the application is responsive and compatible across devices through the use of media queries.

HTMLCSSJavaScriptPHPMySQL

Rumah Angsa booking system

Full-Stack Developer

In this Software Construction course project, I was responsible as a full-stack developer, building application systems for both users and admins. I used Supabase for the backend, React.js for the admin dashboard to manage glamping bookings, and Next.js for the user-facing frontend where users can make reservations.

React.JSNext.JSTailwind CSSReact RouterTanStack QuerySupabase

Airfly - Airline Booking System

Backend Developer

In this Binar Academy Independent Study project, I was responsible as a backend developer, building the backend application for the airline module using Express.js and PostgreSQL as the tech stack.

Node.jsExpress.jsPostgreSQL

Dashboard
SASS
Frontend Development
Backend Development
System Design
Wireframe
Product Design
Prototyping
Dashboard
SASS
Frontend Development
Backend Development
System Design
Wireframe
Product Design
Prototyping

let's get to know me at work

About Yogi

learn more about who I am, what I do, where I am, and what tools I use.

Front-end Toolbox

Explore the technologies and tools I use to build interfaces website

React.JS
Next.JS
Tailwind CSS
TypeScript
JavaScript
Redux Toolkit
React Query
React Hook Form
React Router
Figma
Canva
React.JS
Next.JS
Tailwind CSS
TypeScript
JavaScript
Redux Toolkit
React Query
React Hook Form
React Router
Figma
Canva
React.JS
Next.JS
Tailwind CSS
TypeScript
JavaScript
Redux Toolkit
React Query
React Hook Form
React Router
Figma
Canva
React.JS
Next.JS
Tailwind CSS
TypeScript
JavaScript
Redux Toolkit
React Query
React Hook Form
React Router
Figma
Canva
React.JS
Next.JS
Tailwind CSS
TypeScript
JavaScript
Redux Toolkit
React Query
React Hook Form
React Router
Figma
Canva
React.JS
Next.JS
Tailwind CSS
TypeScript
JavaScript
Redux Toolkit
React Query
React Hook Form
React Router
Figma
Canva

Back-end Toolbox

Explore the technologies and tools I use to build web server

Node.js
PostgreSQL
MySQL
SQL
Supabase
Notion
Jira
Node.js
PostgreSQL
MySQL
SQL
Supabase
Notion
Jira
Node.js
PostgreSQL
MySQL
SQL
Supabase
Notion
Jira
Node.js
PostgreSQL
MySQL
SQL
Supabase
Notion
Jira
Node.js
PostgreSQL
MySQL
SQL
Supabase
Notion
Jira
Node.js
PostgreSQL
MySQL
SQL
Supabase
Notion
Jira
Purwokerto
Yogi Memoji

My Hobby

Explore my interests and hobbies

Gym 💪
Reading 📖
Haiking 🏞️
Watching K-Drama 📺
Badminton 🏸
Ngrumpi & Nggosip 🤷‍♂️

Lets realize that idea together

Are you ready to bring your project ideas to life? Lets connect and discuss how I can help you realize the project ideas in your head. Contact me by filling out the form below!