Getting Started

Follow these steps to quickly set up and run the template locally.
If you’re new to Node.js or need a full setup guide, see the Installation page.

Requirements

Before starting, make sure you have:

Node.js ≥ 18
Yarn (recommended) or npm

Quickstart

Install Dependencies


npm install


pnpm install


yarn install


bun install

Start development server


npm run dev


pnpm run dev


yarn dev


bun run dev

Once started, open your browser and visit: http://localhost:5173

Build for production


npm run build


pnpm run build


yarn build


bun run build

Preview production build


npm run preview


pnpm run preview


yarn preview


bun run preview

Folder Highlights

Path	Description
`/assets/`	Static assets like images, icons, and illustrations
`/components/`	Reusable UI components (buttons, cards, modals, etc.)
`/contexts/`	React contexts for app-wide states (theme, chat, user, etc.)
`/hooks/`	Custom React hooks for utilities and shared logic
`/layouts/`	Page and app-level layouts (auth, dashboard, settings)
`/lib/`	Utility functions and helpers (formatters, constants, etc.)
`/pages/`	Page-level components and main screen logic
`/providers/`	Global providers such as theme, chat, or app context
`/routes/`	Route configuration and entry point (React Router v7)
`/temp-data/`	Temporary mock data for Hotels, Flights, and Trips
`App.tsx`	Main application entry wrapping routes and layouts
`main.tsx`	Vite entry file bootstrapping the React app
`index.css`	Global Tailwind + custom styles
`vite-env.d.ts`	Type definitions for Vite environment

Next Steps

Continue to:

Installation for environment setup and project configuration

Configuration to learn how to customize theme colors, fonts, and structure

Tip

💡 This template is UI-only. You can connect your own API, booking system, or AI service later.