/homeshine-solutions

Website for Homeshine Solutions, LLC. Built with React, TypeScript, Next.js, and MUI; deployed with Vercel; makes use of Google Cloud API, SparkPost API, and Swiper image carousel.

Primary LanguageTypeScript

www.homeshinesolutions.com was built with: React, TypeScript, Next.js, and MUI. It was deployed with Vercel, and makes use of Google Cloud API, SparkPost API, and Swiper image carousel. It was made in collaboration with the founder of HomeShine Solutions, LLC. In building this website, I also provided graphic design and copywriting services for the logo and text.

  • Google Cloud API was used for storing the contact form submission data in a Google Sheet
  • SparkPost API was used to send a copy of the contact form responses to the user and to the owner of the company

React TypeScript Next JS MUI Google Cloud


To improve the user experience, some planned future site updates include:

  • migrate from Next.js to Astro to improve overall site performance
  • improve user accessbility across the site
  • improve mobile experience of modal contact form
  • add before/after image gallery
  • clear submission form a few seconds after submitting
  • align formatting between Privacy and Terms pages
  • (full list is available in the TODO.txt)

Code Snippets

#1

Code Snippet 1

#2

Code Snippet 2

#3

Code Snippet 3