personal-projects/personal-portfolio
Template
1
1
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

[Sprint 10] feat: Create contact form submission callback #93

New Issue
Open
opened 2026-02-01 18:17:57 +00:00 by lmiranda · 0 comments
lmiranda commented 2026-02-01 18:17:57 +00:00
Owner
Copy Link

Overview

Implement Dash callback to POST contact form data to Formspree endpoint with proper error handling.

Files to Create/Modify

  • Create: portfolio_app/callbacks/contact.py
  • Modify: portfolio_app/callbacks/__init__.py

Acceptance Criteria

  • Callback submits form data to Formspree (https://formspree.io/f/mqelqzpd)
  • Loading state shown during submission (button loading prop)
  • Success message displayed: "Thank you for your message! I'll get back to you soon."
  • Error message displayed if submission fails
  • Honeypot field (_gotcha) included in POST for spam protection
  • Callback registered in init.py

Technical Notes

  • Use requests library for HTTP POST
  • Headers: Content-Type: application/json, Accept: application/json
  • Formspree fields: name, email, subject, message, _gotcha
  • Return dmc.Alert components for feedback (color="green" for success, color="red" for error)
  • Apply graceful error handling pattern

Labels

type/enhancement scope/frontend priority/medium size/S

Dependencies

Depends on Issue #92 (component IDs must exist first)

## Overview Implement Dash callback to POST contact form data to Formspree endpoint with proper error handling. ## Files to Create/Modify - Create: `portfolio_app/callbacks/contact.py` - Modify: `portfolio_app/callbacks/__init__.py` ## Acceptance Criteria - [ ] Callback submits form data to Formspree (https://formspree.io/f/mqelqzpd) - [ ] Loading state shown during submission (button loading prop) - [ ] Success message displayed: "Thank you for your message\! I'll get back to you soon." - [ ] Error message displayed if submission fails - [ ] Honeypot field (_gotcha) included in POST for spam protection - [ ] Callback registered in __init__.py ## Technical Notes - Use `requests` library for HTTP POST - Headers: `Content-Type: application/json`, `Accept: application/json` - Formspree fields: name, email, subject, message, _gotcha - Return dmc.Alert components for feedback (color="green" for success, color="red" for error) - Apply graceful error handling pattern ## Labels `type/enhancement` `scope/frontend` `priority/medium` `size/S` ## Dependencies Depends on Issue #92 (component IDs must exist first)
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
Complexity/Complex
High uncertainty or many dependencies
 Complexity/Medium
Some unknowns or dependencies
 Complexity/Simple
Straightforward, well-understood
 Effort/L
3-5 days
 Effort/M
1-2 days
 Effort/S
2-4 hours
 Effort/XL
> 1 week
 Effort/XS
< 2 hours
 Priority/Critical
Immediate attention required
 Priority/High
Important, needs attention soon
 Priority/Low
Nice to have, can wait
 Priority/Medium
Normal priority
 Type/Bug
Something isn't working
 Type/Chore
Maintenance tasks
 Type/Documentation
Documentation improvements
 Type/Feature
New feature or request
 Type/Refactor
Code refactoring without changing behavior
 Type/Test
Testing related
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
lmiranda
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: personal-projects/personal-portfolio#93
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?