- Bootstrap v.5.0.2 via CDN, no jQuery
- Swiper v.7.0.2
Client requested the following:
- Small web application to act as Instagram replacement to send to model bookings
- No personal contact info (phone number, email), only a contact form to send booking info
- Primarily focused on images
- Client did not want to pay for custom domain or hosting fees.
- I originally put together a rough Figma file for the client to view remotely.
- She liked the colors used and the basic content, but wanted to make eveything horizontal vs. vertical.
- I found that a simpler design looked more aesthetically pleasing, less "cartoony" and much easier to make responsive to all devices, and the client agreed.
As this was a frontend only project, I needed to implement a form submission without setting up a backend. I used FormSubmit to implement a simple email redirection to the client, as there were no files or large data being sent.
Given the user fills out the contact form and clicks the submit button
When the user completes the ReCaptcha page
Then they will be redirected to a confirmation page
And the email will be send to the user in a secure fashion without providing the client's contact info
- The user fills out the form:
- The user completes the ReCaptcha page for spam security:
- The user is sent to the confirmation page with navigation intact to go back to the home page:
- The client is sent an email with the contact information: