Daniel Engineering
Website for a civil engineering, construction and property valuation firm in Chitwan
The problem
The firm only had a Facebook page and a visiting card. They needed a proper site that explains what they do, shows past work, and makes it easy for clients (including banks asking for valuations) to get in touch.
My approach
I built a fast single-page site with React and Vite. All the text lives in small data files, so services, projects and contact details can be changed without touching the components.
How it's built
- Frontend1
React + Vite
Single page with sections for services, projects, valuation and contact
- Content2
Plain JS data files
company.js, services.js, projects.js etc. keep copy out of the JSX
- Motion3
Framer Motion
Scroll reveals and image transitions
- Hosting4
Vercel + Cloudflare
Deployed on Vercel, served on a custom subdomain
Services
Civil works, construction, project management, valuation, survey and consultancy.
Projects grid
Filter past work by category to find similar jobs quickly.
Valuation process
Step-by-step explanation of how land and building valuations are done.
Contact
No backend needed, the form opens a pre-filled email to the company.
Challenges & decisions
No real photos yet
Used credited Wikimedia photos from around Nepal for now, set up so they can be swapped one file at a time.
Logo cleanup
Wrote a small script with Jimp that removes the white background from their logo and exports light/dark versions and a favicon.
More screens
Tech stack
- React
- Vite
- Framer Motion
- CSS
What I learned
- →Working with a real client and their feedback
- →Keeping content separate so non-developers can update it
- →Setting up a custom subdomain with Vercel and Cloudflare