Hans Hotel Website

The official website for Hans Hotel in Da Nang, Vietnam, where guests can explore the property and book their stay directly.

Key features:

  • View detailed room descriptions, browse a photo gallery of the hotel, and learn about our story.
  • Find helpful FAQs regarding booking terms and tips for the best rates.
  • Blogs: Discover articles with valuable travel tips and guides to local attractions near the hotel.
  • Instantly book a room by selecting dates, guest numbers, and your preferred room type.
  • Secure your booking with flexible payment options, including pay-at-hotel, ZaloPay, OnePay, and bank transfer.

Responsibilities

As the lead developer for the Hans Hotel website, I managed the entire project from concept to deployment, focusing on modern technology, performance, and user experience.

My key responsibilities included:

  • Full-Stack Development: Architected and built the entire codebase using the latest version of Next.js, incorporating modern libraries like Tailwind CSS for styling and Zustand for state management.
  • UI & Feature Implementation: Developed the majority of the user interface and implemented all core features, including the room showcase, gallery, and the dynamic booking engine.
  • Advanced Search Functionality: Engineered the room search feature to utilize URL search parameters, allowing users to easily share and bookmark their specific search results.
  • SEO & Social Media Optimization: Built dynamic, SEO-friendly pages by programmatically generating unique titles, descriptions, and keywords. I also implemented Open Graph tags to ensure rich, shareable previews on social media platforms.
  • Performance Optimization: Ensured the website maintained a high Google PageSpeed (Lighthouse) score by implementing performance best practices, such as advanced image caching and optimizing metrics like Largest Contentful Paint (LCP).
  • Payment Integration: Implemented a variety of secure payment features, providing guests with multiple options to complete their reservations.

Role/Services

Frontend Engineer

Client

Vietnam Booking

Tech Stack

  • NextJS + Tailwind CSS + TypeScript + Zustand
  • Radix UI, Shadcn/ui, Motion Framer
  • Axios, Zustand, React-Hook-Form, Zod, Embla Carousel, QR Code...
Live Site
Slider-Project-Number-0
Slider-Project-Number-1
Slider-Project-Number-2
Slider-Project-Number-3
Slider-Project-Number-4
Slider-Project-Number-5
Slider-Project-Number-6
Slider-Project-Number-7
Slider-Project-Number-8
Slider-Project-Number-9
Slider-Project-Number-10
Slider-Project-Number-11
Slider-Project-Number-12
Slider-Project-Number-13
Slider-Project-Number2-0
Slider-Project-Number2-1
Slider-Project-Number2-2
Slider-Project-Number2-3
Slider-Project-Number2-4
Slider-Project-Number2-5
Slider-Project-Number2-6
Slider-Project-Number2-7
Slider-Project-Number2-8
Slider-Project-Number2-9
Slider-Project-Number2-10
Slider-Project-Number2-11
Slider-Project-Number2-12
Slider-Project-Number2-13
00 /14

Let's Create Something