Le Dream — Hotel Website (React + Vite)

A modern, responsive hotel website built with React, Vite, and Tailwind CSS. It demonstrates a production-like front-end for showcasing rooms, amenities, and multilingual content with smooth carousels and a clean UI.

Demo

Live demo: https://le-dream.vercel.app/

What the project does

• Provides a single-page application (SPA) showcasing a hotel's pages: Home, Rooms, Amenities, Explore, Bar & Resto, Contact, and Legal pages.
• Client-side routing with react-router-dom.
• Multilingual UI powered by i18next and react-i18next.
• Image carousels using swiper and icons via lucide-react.
• Toast notifications using react-toastify.

Why this is useful

• Good starter template for hospitality websites and marketing landing pages.
• Demonstrates internationalization (i18n) in a React app.
• Built with modern tooling: Vite, Tailwind, and React 19.
• Easy to extend for booking integrations, CMS, or headless backends.

Key features

• Multilanguage support (English, Chinese, Japanese)
• Responsive layout and optimized images
• Reusable UI components under src/assets/components
• Sectioned pages that are straightforward to adapt or extend

Quick Start

Prerequisites:

• Node.js 18+ (or a recent LTS)
• npm, Yarn, or PNPM

Clone and run locally:

git clone https://github.com/yourusername/le-dream.git
cd le-dream
npm install
npm run dev

Open your browser to http://localhost:5173.

Available npm scripts (from package.json):

• npm run dev — Start the Vite development server
• npm run build — Build the production bundle
• — Preview the production build locally