GreenWendEnergy
Solar company site with Firebase admin dashboard
- Role
- Frontend Engineer
- Timeline
- Apr – Aug 2023
- Context
- TriTech Solutions · part-time
Tech & skills
- React
- TypeScript
- Tailwind
- Mantine UI
- Firebase
- GitHub Actions
About
The web presence and admin platform for a Pakistani solar energy company.
I inherited a poorly-built React and custom-CSS site left by a previous developer. Among other things, the root element carried a font-size: 62.5% rule that quietly broke Tailwind’s sizing scale — a headache that persisted through the whole migration.
What I built
- Migrated the site to TypeScript and a current React version, moving most styling onto Tailwind.
- Built a full admin dashboard with Mantine UI covering dynamic blog posts, product management with image uploads, user and team management, service listings and inbound enquiries.
- Wired it to Firebase — Auth, Firestore, Storage and Functions — with role-based access control.
- Added GitHub Actions CI/CD covering both deploys and Firebase rules and index updates.
Outcome
Delivered as part of the TriTech engagement.
What I took away
- One inherited CSS rule can undermine an entire design system. Auditing the foundation before building on it is cheaper than working around it for months.
- Migrating a loosely-typed codebase to TypeScript pays for itself the moment someone else has to extend it.
- Shipping the admin surface alongside the site is what actually hands ownership to the client.