LOADING.md

# Loading page_

Preparing the requested content. This should only take a moment.

```status

state: loading

progress: 0%

```

// Resolving route and rendering content...

[Back to projects]

projects/visit-camsur-booking.md

# Visit CamSur Booking System

A web-based booking platform supporting Camarines Sur tourism services.

![Visit CamSur Booking System preview]

Visit CamSur Booking System project preview

## Project overview

```yaml

role: Frontend Developer

status: Live

type: case-study

slug: visit-camsur-booking

```

## The problem

Customers needed a clear and responsive way to browse and reserve tourism-related services.

## The solution

Translated Figma designs into responsive pages and implemented reusable user-interface components.

## My contributions

  • -Translated Figma designs into responsive application pages.
  • -Implemented reusable Vue interface components.
  • -Developed clear browsing and reservation flows for tourism services.
  • -Tested interface behavior across different screen sizes.

## Technologies

`Laravel``Vue 3``PHP``Inertia.js``Tailwind CSS`

## Outcomes

  • -Delivered responsive interfaces for browsing and reserving tourism services.
  • -Improved interface consistency through reusable components.
  • -Supported a clearer customer booking experience across devices.

## What I learned

This project improved my ability to turn design specifications into reusable interfaces while maintaining consistency across a transactional workflow.

## Links