Job Title: Build a Web-Based IFC Viewer & Export Tool (Based on ThatOpen Components) + Google Ads Integration
Budget: $30 – $250 USD
Project Overview:
I need a web application similar to an existing website but customized to output English file names by default, with Swedish as an optional language setting.
The app should let users upload IFC files, view them in 3D, and export optimized files without the default French naming that comes from the current open-source setup.
The core will be built using ThatOpen/engine_components (open-source) along with Three.js for rendering.
Additionally, the site must have Google Ads integrated in a way that fits the layout without disrupting the user experience.
Key Requirements
1. File Upload
Drag-and-drop or file picker for .ifc files
Load IFC using IfcLoader from @thatopen/components
2. 3D Viewer
Orbit controls, zoom, pan
Toggle layers (walls, doors, windows, roofs, etc.)
Section planes for cross-sections
3. File Export
Export in at least:
Fragment format (.frag)
IFC (optional re-export)
GLTF/GLB (optional)
English file names by default
Ability to switch to Swedish naming via a toggle button
4. Language Control
Implement a custom classification dictionary to replace French defaults
Example in English: "Walls" → IfcWall
Example in Swedish: "Väggar" → IfcWall
Both dictionaries should be stored in a config file for easy updates
5. Google Ads Integration
Place responsive Google AdSense ads on the site
Ads should be positioned to be visible but not obstruct the 3D viewer
Must comply with Google AdSense policies for placement
6. Deployment
Must be deployable to AWS Amplify, Vercel, or Netlify
Provide setup instructions and documentation
Technical Stack
Frontend: TypeScript + Vite (or similar modern framework)
BIM Engine: @thatopen/components from ThatOpen/engine_components
UI Components: @thatopen/ui, @thatopen/ui-obc
3D Rendering: Three.js
Ads: Google AdSense
Deliverables
Source code in a private GitHub repo
Fully functional hosted version with Google Ads enabled
Documentation on:
How to change language dictionaries
How to deploy updates
How to manage and update Google Ads code
Instructions for setting .wasm paths so IFC parsing works out of the box
Skills Required:
Strong JavaScript/TypeScript knowledge
Experience with Three.js
Experience with BIM/IFC data is a plus
Familiarity with AWS Amplify or similar deployment tools
Experience integrating Google AdSense
I need a web application similar to an existing website but customized to output English file names by default, with Swedish as an optional language setting.
The app should let users upload IFC files, view them in 3D, and export optimized files without the default French naming that comes from the current open-source setup.
The core will be built using ThatOpen/engine_components (open-source) along with Three.js for rendering.
Additionally, the site must have Google Ads integrated in a way that fits the layout without disrupting the user experience.
Key Requirements
1. File Upload
Drag-and-drop or file picker for .ifc files
Load IFC using IfcLoader from @thatopen/components
2. 3D Viewer
Orbit controls, zoom, pan
Toggle layers (walls, doors, windows, roofs, etc.)
Section planes for cross-sections
3. File Export
Export in at least:
Fragment format (.frag)
IFC (optional re-export)
GLTF/GLB (optional)
English file names by default
Ability to switch to Swedish naming via a toggle button
4. Language Control
Implement a custom classification dictionary to replace French defaults
Example in English: "Walls" → IfcWall
Example in Swedish: "Väggar" → IfcWall
Both dictionaries should be stored in a config file for easy updates
5. Google Ads Integration
Place responsive Google AdSense ads on the site
Ads should be positioned to be visible but not obstruct the 3D viewer
Must comply with Google AdSense policies for placement
6. Deployment
Must be deployable to AWS Amplify, Vercel, or Netlify
Provide setup instructions and documentation
Technical Stack
Frontend: TypeScript + Vite (or similar modern framework)
BIM Engine: @thatopen/components from ThatOpen/engine_components
UI Components: @thatopen/ui, @thatopen/ui-obc
3D Rendering: Three.js
Ads: Google AdSense
Deliverables
Source code in a private GitHub repo
Fully functional hosted version with Google Ads enabled
Documentation on:
How to change language dictionaries
How to deploy updates
How to manage and update Google Ads code
Instructions for setting .wasm paths so IFC parsing works out of the box
Skills Required:
Strong JavaScript/TypeScript knowledge
Experience with Three.js
Experience with BIM/IFC data is a plus
Familiarity with AWS Amplify or similar deployment tools
Experience integrating Google AdSense
Related categories:
Website Design
CSS
3D Rendering
HTML
Web Development
Backend Development
Frontend Development
Three.js
Google Ads
Web Design