Folder Structure
TailwindAdmin React Dashboard
📦
├── 📂 docs > Documentation for the Theme
├── 📂 figma-file > Figma design files and assets
├── 📂 package
│ ├── 📂 main > Primary working demo (fully updated)
│ │ ├── 📂 .flowbite-react > Custom/local Flowbite React components library
│ │ ├── 📂 public > Static assets served publicly (images, scripts, etc.)
│ │ │ ├── 📄 favicon.svg > Browser favicon
│ │ │ ├── 📄 mockServiceWorker.js > Mock service worker for API mocking
│ │ ├── 📂 src > Main source code of the app
│ │ │ ├── 📂 api > API calls and data fetching logic
│ │ │ ├── 📂 assets > Static resources like images, fonts, etc.
│ │ │ ├── 📂 components > Reusable UI components
│ │ │ ├── 📂 context > React context providers for state management
│ │ │ ├── 📂 css > Stylesheets (global or modular CSS)
│ │ │ ├── 📂 guards > Route guards and authorization logic
│ │ │ │ └── 📂 jwt > JWT authentication specific guards
│ │ │ ├── 📂 hooks > Custom React hooks
│ │ │ ├── 📂 layouts > Page layout components (e.g., dashboard, blank)
│ │ │ ├── 📂 lib > Utility libraries or helper functions
│ │ │ ├── 📂 routes > Route definitions and navigation logic
│ │ │ ├── 📂 types > TypeScript type declarations
│ │ │ ├── 📂 utils > General utilities and helper functions
│ │ │ ├── 📂 views > Page-level components/screens
│ │ │ ├── 📄 App.tsx > Root React component of the app
│ │ │ ├── 📄 main.tsx > React app entry point
│ │ │ ├── 📄 vite-env.d.ts > Vite environment typings
│ │ ├── 📄 .env > Environment variables config
│ │ ├── 📄 .eslintrc.cjs > ESLint configuration
│ │ ├── 📄 .gitignore > Git ignore rules
│ │ ├── 📄 .npmrc > npm configuration
│ │ ├── 📄 .prettierrc > Prettier code formatting config
│ │ ├── 📄 README.md > Project README file
│ │ ├── 📄 components.json > JSON config for components (custom usage)
│ │ ├── 📄 index.html > Main HTML file
│ │ ├── 📄 netlify.toml > Netlify deployment config
│ │ ├── 📄 package-lock.json > npm package lock file
│ │ ├── 📄 package.json > npm package manifest
│ │ ├── 📄 postcss.config.js > PostCSS configuration
│ │ ├── 📄 tsconfig.json > TypeScript compiler config
│ │ ├── 📄 tsconfig.node.json > TypeScript config for Node.js environment
│ │ ├── 📄 vite.config.ts > Vite bundler config file
│ ├── 📂 jwt-firebase > Demo project for JWT with Firebase authentication
│ ├── 📂 dark > Demo showcasing dark mode theme
│ ├── 📂 horizontal > Demo with horizontal navigation layout
│ ├── 📂 rtl > Demo for right-to-left language support
│ └── 📂 starterkit > Minimal starter project for quick setup
├── 📄 README.md
TailwindAdmin React Dashboard
📦
├── 📂 package
│ ├── 📂 public
│ │ └── 📄 favicon.svg > Favicon used in the app
│ ├── 📂 src > Main source code of the project
│ │ ├── 📂 api > API service calls / handlers
│ │ ├── 📂 assets
│ │ │ └── 📂 images > Image files used in the project
│ │ ├── 📂 components > Reusable UI components
│ │ ├── 📂 context > React context providers
│ │ ├── 📂 css > Global or modular stylesheets
│ │ ├── 📂 layouts > Page layouts for structuring UI
│ │ ├── 📂 lib > Utility libraries or helper logic
│ │ ├── 📂 routes > App routing and navigation logic
│ │ ├── 📂 types > Global TypeScript types and interfaces
│ │ ├── 📂 utils
│ │ │ └── 📂 theme > Theme configuration and related helpers
│ │ ├── 📂 views > Page views of the application
│ │ ├── 📄 App.tsx > Root component of the React app
│ │ ├── 📄 main.tsx > Entry point of the React application
│ │ └── 📄 vite-env.d.ts > Vite-specific TypeScript declarations
│ ├── 📄 .eslintrc.cjs > ESLint configuration
│ ├── 📄 .gitignore > Git ignored files
│ ├── 📄 .npmrc > NPM configuration
│ ├── 📄 .prettierrc > Prettier formatting rules
│ ├── 📄 README.md > Project documentation
│ ├── 📄 components.json > Possibly for dynamic imports or UI framework configs
│ ├── 📄 index.html > HTML template for Vite
│ ├── 📄 netlify.toml > Netlify deployment configuration
│ ├── 📄 package-lock.json > Exact dependency tree for reproducible installs
│ ├── 📄 package.json > Project dependencies and scripts
│ ├── 📄 postcss.config.js > PostCSS configuration (e.g., TailwindCSS)
│ ├── 📄 tsconfig.json > TypeScript base config
│ ├── 📄 tsconfig.node.json > Node-specific TypeScript config
│ ├── 📄 vite.config.ts > Vite configuration (TypeScript)
|
├── 📄 discount-code.html > Landing page for discount code promotion
├── 📄 docs.html > Documentation page
├── 📄 hire-us.html > Contact or hiring inquiry page