ModHomes
modhomes.vercel.app
7 technologies
An app that renders 3d models of modular homes based on various configurations of 8 foot X 40 foot modules.
Highlights
- Utilized React Three Fiber to implement Three.js in a React project.
- Created a canvas object to set the environment to hold the 3d models, camera, and lighting.
- Built reusable, self-contained components for the home modules to create each home design.
- Animated text and images with Framer Motion and numbers using react-spring.
- Implemented unit test for components using React Testing Library.
- Deployed the app to Vercel from a GitHub repo.
Technology
- Material UI - React component library
- Motion for React - React motion library
- Next.js - React framework for production
- React Three Fiber - React renderer for three.js
- React.js - user interface library
- TypeScript - strongly typed programming language
- Vercel - platform for deploying and hosting
Design engineering & AI
Notes on design systems, interaction and motion, and the craft details that decide how an interface feels — plus what AI-assisted work is actually changing about building products. One email/month. Unsubscribe anytime.