Project Overview
Preclinic is a medical/hospital management Bootstrap admin template documentation site, providing product introduction entry points for six technology versions: HTML, Angular, React, Vue, Laravel, and Node.js. It is suitable for selecting or purchasing hospital management system frontend templates.
Tech Stack
- Bootstrap 5 (CSS framework)
- jQuery 3.7.1 (DOM manipulation and interactions)
- Prism.js (code highlighting)
- Feather Icons (icon library)
- Poppins + Nunito (Google Fonts)
Project Structure
preclinic-166/
├── documentation/
│ ├── index.html # Documentation homepage (tech stack selection entry)
│ ├── html.html # Pure HTML version documentation
│ ├── angular.html # Angular version documentation
│ ├── react.html # React version documentation
│ ├── vue.html # Vue version documentation
│ ├── laravel.html # Laravel version documentation
│ ├── nodejs.html # Node.js version documentation
│ └── assets/
│ ├── css/
│ │ ├── bootstrap.min.css
│ │ ├── style.css # Main stylesheet
│ │ ├── prism.css # Code highlighting styles
│ │ └── dark.css # Dark theme
│ └── js/
│ ├── bootstrap.bundle.min.js
│ ├── jquery-3.7.1.min.js
│ ├── main.js # Sidebar, responsive logic
│ ├── prism.js
│ └── feather.min.js
├── html.zip
├── angular.zip
├── react.zip
├── vue.zip
├── laravel.zip
└── node.zip
Core File Descriptions
documentation/index.html— Documentation homepage, displays entry cards for six technology versionsdocumentation/assets/css/style.css— Main stylesheet, defines documentation layout, sidebar, and light/dark themesdocumentation/assets/css/prism.css— Prism code highlighting themedocumentation/assets/js/main.js— Sidebar collapse logic, responsive breakpoint handling, and theme switchingdocumentation/assets/js/jquery.zoom.min.js— Image zoom interaction component
Quick Start
Pure static project. Open documentation/index.html directly in a browser to view the documentation homepage. Detailed documentation for each version is accessed via page card links to corresponding subpages like html.html, react.html, etc.
Usage Suggestions
This directory is the documentation package for the Preclinic template. For actual development, unzip the corresponding tech stack archive (e.g., html.zip) to obtain the complete page source code. The dark theme is toggled via the data-bs-theme attribute; refer to the theme logic in main.js for secondary development.
