Website Build & Maintenance: My Own Portfolio Website
ResultBuilt, launched, and maintained by me: Google PageSpeed 100 on desktop, and 100 for Accessibility, Best Practices and SEO.
I designed, built, and maintain my own website, with a private admin panel, a contact inbox, a live pixel office of my AI team, and an AI chat where visitors can talk to them. I can build or maintain a website for your business the same way.
- Next.js
- React
- TypeScript
- Tailwind CSS
- Supabase
- Vercel
- Resend
- GitHub
- Google Lighthouse
What I built
I built this website from scratch, and I keep it updated myself. It's the same kind of website I can build or look after for a small business.
What visitors see
- A version for each kind of work: each role page has its own headline, services, and résumé.
- Contact options: a contact form that emails me instantly, a WhatsApp button, and a booking link.
- Works on any device: phones, tablets, and computers, in light and dark mode.
- Easy to find on Google: page titles, descriptions, link previews, and a sitemap are all set up.
- Fast and accessible: Google Lighthouse scores of 96 for Performance and 100 for Accessibility, Best Practices, and SEO.
The admin side (private)
- Update everything without code: add, edit, hide, or reorder any section, and upload photos and PDFs.
- Automatic watermarks on certificates and samples before they go online.
- Testimonials I approve first: clients write reviews through a one-time link, and nothing goes public until I approve it.
- Secure login with two-factor authentication. Only I can change anything.
How I can help your business
- Build a new website if you don't have one yet
- Maintain your current website: update text, photos, prices, hours, and contact details
- Fix common problems: broken links, missing contact info, slow pages, and pages that look wrong on phones
- Website check-ups: see my Website Audit Report sample for how I review a site
- WordPress and other website builders: content updates and basic upkeep
Live website: https://hud-jamalul.vercel.app
Admin screenshots use demo data only.
The work
Full size1 of 9
The home page: a clear introduction, services, and buttons to hire me or book a call.
Full size2 of 9
The same website on a phone. Every page fits any screen.
Full size3 of 9
Adding a new sample: title, description, photos, and PDFs, all in one form.
Full size4 of 9
Google PageSpeed Insights on desktop: 95 Performance, 100 Accessibility, 100 Best Practices, 100 SEO.
Full size5 of 9
Google PageSpeed Insights on mobile: 94 Performance, 100 Accessibility, 100 Best Practices, 100 SEO.
Full size6 of 9
Admin login is protected with two-factor authentication.
Full size7 of 9
Contact form messages arrive in a private inbox, and I get an email right away.
Full size8 of 9
The private admin panel. I manage every section here without touching code.
Full size9 of 9
Requesting a testimonial: I create a one-time private link for a client. Their review arrives hidden, and nothing goes public until I approve it.