Project structure

nifty_fifty_bank_nifty_ReactJS/
├── .env                    # VITE_* and PUBLIC_URL
├── vite.config.ts
├── package.json
└── src/
    ├── index.tsx           # React root + Redux + ConfigProvider
    ├── App.tsx             # Theme, JWT, Router, Snackbar
    ├── config.ts           # APP_DEFAULT_PATH, theme constants
    ├── routes/             # MainRoutes, LoginRoutes, index
    ├── contexts/           # JWTContext, ConfigContext
    ├── hooks/              # useAuth, useZerodha, useConfig
    ├── store/              # Redux store + reducers
    ├── services/           # Axios API wrappers
    ├── utils/              # axios, socketConnect, route-guard, zerodha helpers
    ├── types/              # TypeScript interfaces (indexSetting, auth, table)
    ├── pages/              # Route-level screens
    ├── components/         # Reusable UI (order pages, data tables)
    ├── layout/             # SimpleLayout, AuthLayout, Header
    ├── sections/           # Auth forms (AuthLogin)
    ├── themes/             # MUI theme customization
    └── api/                # Snackbar, menu helpers