Engineering project showcase with live search, category filter tabs, and 63+ glassmorphism project cards with 3D hover tilt effect and shimmer sweep animation.
৬৩+ engineering project — live search, filter, 3D tilt card। সব data JSON থেকে dynamically load হয়।
Real-time search filtering with instant results. The search bar filters cards as you type. A dropdown shows suggestions pulled from a recent searches array. If no results, shows "No projects found" message.
Type করলেই cards filter হয়। Recent search history localStorage-এ save হয়। Dropdown-এ suggestion দেখায়।
5 filter tabs: All / SolidWorks / Arduino / Electronics / MATLAB. Active tab has red background + border glow. Clicking a tab instantly hides non-matching cards with a CSS opacity transition.
৫ category tab। Click করলে instantly filter হয়। Project count badge দেখায় প্রতিটি category-তে কতটা আছে।
Project cards use CSS 3D transforms on hover: perspective(800px) rotateX(2deg) rotateY(-2deg). Shimmer sweep runs on hover. Glassmorphism style: dark semi-transparent + red border.
Hover করলে card 3D tilt হয় এবং shimmer effect আসে। Glassmorphism design — semi-transparent dark background।
rotateX(2deg) rotateY(-2deg) on hover — subtle depth effectprojects.json — dynamic renderingEach main category (SolidWorks, Arduino, Electronics, MATLAB) has its own detailed sub-page with a 3D model viewer, project specifics, and download options for SolidWorks files.
SolidWorks category-র নিজস্ব sub-page আছে 3D model viewer সহ। Model rotate, zoom করা যায়।
| File / System | Type | Purpose |
|---|---|---|
| Projects Code/projects.html | Core | Main projects listing — search, filter, card grid |
| Projects Storage/projects.json | Data | All 63+ project objects — title, category, tags, description, image path, file path |
| Projects Code/solidworks/ | Sub-page | SolidWorks category page with 3D model viewer (Three.js) |
| Projects Code/arduino/ | Sub-page | Arduino projects with code viewer |
| Projects Code/electronics/ | Sub-page | Electronics + PCB projects |
| Projects Code/matlab/ | Sub-page | MATLAB simulation projects |
| Three.js (CDN) | Library | 3D model viewer for SolidWorks files |
| localStorage | API | Stores recent search history |
| filterProjects(category) | Function | JS function that applies category filter + search filter simultaneously |
| AOS (CDN) | Animation | Cards reveal with fade-up on scroll |