Page Flow
2-Page Navigation
SolidWorks-এও Arduino-র মতো দুটো page।
Page 01
SolidWorks Listing
solidworks-projects.html
Page 02
3D Model Viewer
project-viewer.html?id=X&category=solidworks
Page 1
SolidWorks Listing Page
solidworks-projects.html — same pattern as Arduino। Cards from solidworks-data.json।
Projects
All SolidWorks Models
3D CAD Designs & Assemblies
35 Models
All 35
Basic
Intermediate
Pro
Basic Models
Model 01 — Basic Part
Simple rectangular part, extrude & fillet.
Intermediate
Model 15 — Assembly
Multi-part assembly with constraints.
Home
About
Projects
Studio
Contact
1
Category Hero
Cube icon, "All SolidWorks Models", "3D CAD Designs & Assemblies", 35 Models badge. Heading updates when filter active.
Filter-এ চাপ দিলে heading "Basic Models", "Professional Models" হয়।
2
Search Toggle
Same as Arduino — header search icon shows/hides search bar. Searches: title, description, tags.
3
Filter Chips (5 categories)
All · Basic · Intermediate · Professional · Commercial. Live counts. Scrollable with fade edge indicators.
5টা category — সব orange-themed chip।
4
Model Cards
Thumbnail (from
thumbnailPath), category badge, title, description, SolidWorks feature tags. Tap → 3D viewer.Card-এ difficulty badge আর key SolidWorks features দেখায়।
4 Filter Categories
Basic Models
Simple parts — extrude, fillet, chamfer. Great for learning.
Intermediate
Assemblies, mates, lofts, sweeps, multi-body parts.
Professional
Complex assemblies, surfacing, advanced features.
Commercial
Real-world product designs — client-ready models.
Page 2
Interactive 3D Model Viewer
project-viewer.html?category=solidworks — Google Model Viewer দিয়ে real-time 3D rendering।
Google Model Viewer — SolidWorks projects use the official
Browser-এ সরাসরি 3D model render করে — কোনো extra app লাগে না।
<model-viewer> web component by Google. It renders GLB files natively in the browser with physically-based rendering (PBR). No plugins needed.Browser-এ সরাসরি 3D model render করে — কোনো extra app লাগে না।
Back
model-01.glb
Auto-Rotate
Fullscreen
Reset Camera
Screenshot
Format
GLB 3D
Level
Beginner
Materials
PBR
View
360°
Download Files
GLB Model
Full ZIP
Drag=Rotate
Pinch=Zoom
2-Finger=Pan
Prev
Model 00
Model 00
1/35
1
3D Model Viewport
Google
<model-viewer> renders the .glb file with PBR lighting. Loading spinner shows while model downloads.GLB file browser-এ সরাসরি render হয়। Loading spinner দেখায় যতক্ষণ load হয়।
2
4 Control Buttons (2×2 grid)
Auto-Rotate (default ON, glows red) · Fullscreen · Reset Camera (resets rotation/zoom) · Screenshot (saves PNG of current view).
Auto-Rotate default on থাকে। Screenshot নিলে PNG download হয়।
3
Model Stats (4 cards)
Format (GLB 3D) · Complexity/Difficulty level · Materials (Realistic PBR) · Interactive (360°). Visual info grid below controls.
Model-এর stats: format, difficulty, material type, interaction।
4
Download Files Section
GLB Model button (primary red) + Full Package ZIP button. ZIP includes SLDPRT source file, thumbnail, all assets.
GLB (3D viewer file) আর ZIP (source SLDPRT সহ সব files) download করা যায়।
5
Touch Instructions Bar
3 gesture hints: Drag to Rotate · Pinch to Zoom · Two Fingers to Pan.
কীভাবে 3D model interact করতে হয় সেটা দেখায়।
6
Prev / Next Navigation
Sequential model navigation — "1/35" counter center, Prev button (outline), Next button (red fill). Unique to SolidWorks & Arduino.
35টা model sequential navigate করা যায়। Counter বলে কোনটায় আছো।
All Viewer Features
3D Viewer — Every Feature
Google Model Viewer (GLB)
<model-viewer> web component renders .glb 3D files with PBR lighting in-browser. No plugins, no app download.কোনো app ছাড়াই phone browser-এ 3D model দেখা যায়।
Auto-Rotate Toggle
Default ON — model rotates continuously. Tap button to pause. Button turns bright red when active, dims when paused.
Default-এ model নিজে ঘোরে। Tap করে pause করা যায়।
Fullscreen Mode
Model viewport goes fullscreen. Use device back button or Escape to exit. Great for detailed inspection.
Fullscreen-এ 3D model বড় করে দেখা যায়।
Reset Camera
Resets rotation, zoom, and pan position back to the default "presentation angle". Useful after heavy manipulation.
Rotate/zoom করার পর reset করে original position-এ ফিরিয়ে দেয়।
Screenshot
Captures the current view of the 3D model as a PNG image and triggers download. Capture from any angle.
যেকোনো angle থেকে model-এর screenshot PNG হিসেবে download করা যায়।
Multi-Format Download
GLB (3D viewer file) + ZIP (full package with SLDPRT source, thumbnail, docs). Both download buttons in 2-column grid.
GLB file (3D দেখার জন্য) বা ZIP (source সহ সব কিছু) download করো।
Sequential Prev/Next
Navigate through all 35 models in order. Counter shows position (e.g., "3/35"). Prev button outline, Next button filled red.
35টা model-এর মধ্যে ক্রমে navigate করো। Counter দেখায় কোনটায় আছো।
Bookmark + Share
localStorage bookmark (yellow when saved) + Web Share API share. Same as Arduino — both persist across sessions.Bookmark localStorage-এ save হয়। Share করলে native share sheet আসে।
Data Schema
solidworks-data.json — Fields
| Field | Type | Description |
|---|---|---|
id | Number | Sequential ID — used in URL and localStorage |
modelId | String | e.g. model-01 — used in sequential navigation sorting |
category | String | basic-models | intermediate-models | professional-models | commercial-projects |
type | String | Part type: parts | assembly | drawing |
difficulty | String | Beginner / Intermediate / Advanced — shown in stats grid |
features[] | Array | SolidWorks features used — Extrude, Fillet, Revolve, Loft, Sweep, etc. |
files.glb | String | GLB filename — main 3D viewer file |
files.cad[] | Array | SLDPRT / SLDASM source files |
paths.glbPath | String | Full relative path to GLB file in Projects Storage |
paths.thumbnailPath | String | Full path to thumbnail.png — listing card image |
paths.zipPath | String | Full path to ZIP download file |
tags[] | Array | Searchable tags: Part, Basic, Assembly, etc. |
File Map
All Files
| File | Location | Role |
|---|---|---|
solidworks-projects.html | mobile/projects/ | Category listing — filter chips, model cards |
solidworks-projects.js | mobile/projects/ | Loads JSON, renders cards, filter + search logic |
project-viewer.html | mobile/projects/ | Shared viewer — renders 3D GLB for solidworks category |
project-viewer.js | mobile/projects/ | GLB viewer controls, sequential nav, download, share, bookmark |
solidworks-data.json | Projects Code/solidworks/ | All 35 SolidWorks model objects |
solidworks-basic-models.html | Projects Code/solidworks/ | Desktop Basic Models page |
solidworks-intermediate.html | Projects Code/solidworks/ | Desktop Intermediate page |
solidworks-pro.html / paid.html | Projects Code/solidworks/ | Desktop Professional & Commercial pages |
solidworks-model-viewer.html | Projects Code/solidworks/ | Desktop 3D model viewer |
| model-XX.glb / thumbnail.png / Model XX.zip | Projects Storage/Solidwork.../ | Per-model 3D file, thumbnail, and downloadable zip |