design
-
The complete Figma design file.
dist
-
The destination folder that contains the compiled HTML templates and assets.
assets
-
Folder containing all asset files.
css
-
Folder containing CSS files.
js
-
Folder containing JavaScript files.
media
-
Folder containing media files such as images and videos.
vendors
-
Folder containing vendor libraries and dependencies.
html
-
Folder containing HTML template files.
node_modules
-
Folder containing Node.js dependencies.
src
-
The main theme folder containing source files.
app
-
Folder containing application-specific code.
layouts
-
Folder containing layout files.
pages
-
Folder containing page-specific files.
widgets
-
Folder containing widget-specific files.
core
-
Folder containing core theme files.
components
-
Folder containing core components.
More
Show less
The core components are implemented using TypeScript with Object-Oriented Programming (OOP) principles.
helpers
-
Folder containing helper functions and utilities.
plugins
-
Folder containing Tailwind CSS components.
index.spa.ts
-
Single Page Application (SPA) entry point file.
More
Show less
index.ts
-
Main entry point file.
types.ts
-
TypeScript type definitions file.
css
-
Folder containing CSS files for the theme.
styles.css
-
Main CSS file processed by Tailwind CSS CLI.
vendors
-
Folder containing 3rd-party vendor libraries.
.eslintrc.json
-
Configuration file for ESLint.
package.json
-
Configuration file for NPM packages.
package-lock.json
-
Lock file for NPM packages, ensuring consistent installations.
postcss.config.js
-
Configuration file for PostCSS.
prettier.config.js
-
Configuration file for Prettier.
tailwind.config.js
-
Configuration file for Tailwind CSS.
tsconfig.json
-
Configuration file for TypeScript.
webpack.config.js
-
Main configuration file for Webpack.
webpack.vendors.js
-
Configuration file for Webpack, specifically for vendor libraries.