Development

Follow these steps to install and set up the Orisa React project (Vite + TypeScript).

---

Installing NPM modules

Start by navigating to the directory where your Orisa folder is located. To execute the package.json file, use the command below:

npm install

Start Dev Server

npm run dev

The website will open in your browser at: http://localhost:3000

Build for Production

npm run build

Vite will type-check the project with tsc and emit an optimized bundle to the dist/ folder, ready to deploy to any static host (Vercel, Netlify, GitHub Pages, Cloudflare Pages…).

Preview Production Build

npm run preview

package.json

    
        {
            "name": "orisa-react",
            "private": true,
            "version": "1.0.0",
            "type": "module",
            "scripts": {
                "dev": "vite",
                "build": "tsc -b && vite build",
                "preview": "vite preview",
                "lint": "eslint ."
            },
            "dependencies": {
                "bootstrap": "^5.3.3",
                "gsap": "^3.12.7",
                "isotope-layout": "^3.0.6",
                "react": "^19.0.0",
                "react-dom": "^19.0.0",
                "react-fast-marquee": "^1.6.5",
                "react-router-dom": "^7.0.0",
                "split-text": "^1.0.0",
                "swiper": "^11.2.5",
                "wowjs": "^1.1.3"
            },
            "devDependencies": {
                "@types/bootstrap": "^5.2.10",
                "@types/isotope-layout": "^3.0.14",
                "@types/node": "^22.10.0",
                "@types/react": "^19.0.0",
                "@types/react-dom": "^19.0.0",
                "@vitejs/plugin-react": "^4.3.4",
                "typescript": "^5.7.0",
                "vite": "^6.0.0"
            }
        }