Perfect World Royale
Landing / marketing single-page application untuk Perfect World Royale.
Landing / marketing single-page application untuk Perfect World Royale.
Demo Video
Tonton di YouTube
Screenshots
Front Page | News List | News Detail |
Download Page | Terms of Service | Privacy Policy |
Tech Stack
- Language / UI: JavaScript (JSX), React 19
- Build Tool: Vite 8
- Styling: Tailwind CSS v4, DaisyUI, clsx
- Animation / UX: GSAP, Framer Motion, Lenis, tsParticles
- Icons: lucide-react
- Testing: Vitest, React Testing Library, jsdom
- Linting: ESLint 9
- Package Manager: npm
Requirements
- Node.js: 22.12.0
- npm: v10+
Getting Started
Code:
npm install
npm run dev
npm run build
npm run previewScripts
- dev - Start Vite dev server
- build - Build production bundle
- preview - Preview production build
- lint - Run ESLint
- test - Run Vitest once
- test:watch - Run Vitest in watch mode
Project Structure
Code:
perfect-world-royal-dinasty/
├── index.html
├── vite.config.js
├── vitest.config.js
├── eslint.config.js
├── package.json
├── public/
└── src/
├── main.jsx
├── App.jsx
├── index.css
├── assets/
├── components/
├── context/
├── data/
├── hooks/
├── i18n/
├── pages/
└── utils/Deployment
Build output tersedia di dist/ dan bisa di-deploy ke static hosting mana pun.
License
Proprietary — All Rights Reserved.
Copyright © 2026 Harris Yogasara.
