Back to Projects
Full-stack Web Application2024

DuniaPetcare

Dunia PetCare is a web-based platform that provides pet grooming and veterinary consultation services through an online booking system. Users can explore available services, schedule appointments, and track their booking history. The platform also includes an admin dashboard for managing services, doctors, users, and booking statuses.

DuniaPetcare cover image
Role
Full-stack Developer
Year
2024

Overview

Overview

I developed Dunia PetCare as an individual full-stack web project to simplify pet care bookings and service management. I built both the customer-facing website and admin dashboard, integrating booking functionality, service management, and database operations.

Problem

The problem I explored

I wanted to provide a more organized booking experience for customers while making it easier for administrators to manage services, appointments, and user information.

Solution

How the product addresses it

I built a React and TypeScript frontend connected to an Express.js backend and MySQL database, supporting online bookings and administrative CRUD operations.

My Role

What I worked on

I independently developed the frontend, backend, database, and API integration, including booking functionality, service management, and responsive UI implementation.

Technology

Tools and stack

  • React
  • TypeScript
  • Express.js
  • MySQL

Key Features

What this project ships with

  • Responsive service catalog
  • Service search and filtering
  • Online booking and appointment scheduling
  • Booking history and status tracking
  • Admin dashboard and CRUD management
  • Frontend and backend integration

Design / Development Process

How I approached the work

I planned the user flows, designed the database, developed the React frontend and Express.js API, then integrated and tested the booking and management features.

Challenges

What I had to work through

Managing frontend, backend, and database development independently was challenging, especially maintaining consistent data across CRUD and booking operations. I addressed this through incremental development and feature testing.

What I Learned

Takeaways and new skills

Dunia PetCare gave me practical experience building a complete web application rather than focusing on the frontend alone. I strengthened my skills in React, TypeScript, REST API development, database operations, and connecting user interfaces with backend functionality. The project also improved my ability to structure development tasks, debug integration issues, and think about application requirements from both customer and administrator perspectives.

DuniaPetcare screenshot 1
DuniaPetcare screenshot 2
DuniaPetcare screenshot 3
DuniaPetcare screenshot 4

Next Project

TravelWell

A mobile hotel booking application for Padang that allows users to browse, search, and book hotel rooms.

Read case study