Skip to content

Develop - #6

Closed
expectpin wants to merge 15 commits into
mainfrom
develop
Closed

Develop#6
expectpin wants to merge 15 commits into
mainfrom
develop

Conversation

@expectpin

Copy link
Copy Markdown
Owner

This pull request introduces significant improvements to the wedding invitation app, focusing on user experience, design consistency, and maintainability. The main changes include a new RSVP confirmation form with WhatsApp integration, updates to the details and hero section for better visual presentation, internalization of font assets, and enhancements to environment configuration and asset management.

RSVP and Guest Confirmation Improvements

  • Added an interactive RSVP confirmation form to the template, allowing guests to submit their attendance and companion details, which are then sent directly via WhatsApp using a pre-filled message. The form includes validation and dynamic fields for companions. (src/app/app.html, src/app/app.ts) [1] [2]
  • Updated RSVP section wording to be more inviting and clear for guests, and changed the RSVP action from a link to a button that opens the confirmation form. (src/app/app.html)

Visual and Asset Updates

  • Replaced the hero section text with a hero image and updated detail section icons to use SVGs from the new assets folder, improving the visual appeal and consistency of the invitation. Added a new "Traje" (dress code) detail card. (src/app/app.html, angular.json) [1] [2]
  • Internalized the Lexend Deca font family by adding all font weights to the project assets for improved performance and reliability. (src/assets/fonts/lexend-deca/lexend-deca.css)

Environment and Configuration Enhancements

  • Extended environment variables and templates to include dressCode and whatsappNumber, ensuring these details are available for both development and production builds. (scripts/replace-env.js) [1] [2] [3] [4] [5]

Code and Style Refactoring

  • Removed all global styles from app.css and clarified that styles.css is now the main stylesheet, simplifying style management and preventing conflicts. (src/app/app.css)

Testing Adjustments

  • Temporarily disabled the test for rendering couple names due to the removal of that element from the hero section. (src/app/app.spec.ts)

- Replace static RSVP link with expandable form
- Add guest and companion fields with validation
- Implement WhatsApp message formatting and integration
- Add smooth scroll animation and form expansion
- Update environment structure to support whatsappNumber
- Fix replace-env.js script to handle all environment variables
- Preserve original green olive/moss color palette
- Replace static RSVP link with expandable confirmation form
- Add guest and companion fields with form validation
- Implement WhatsApp message formatting and auto-send
- Fix environment variables handling in build scripts
- Preserve original green olive/moss color palette
Remove rsvpLink and whatsappLink from environment configs,
build scripts, and GitHub Actions workflow.
- Set padding/margin to 0 when form is not visible
- Change overflow to hidden for proper space management
- Remove duplicate CSS definitions
- Comment out companion form fields and validation
- Simplify RSVP form to single guest only
- Keep companion logic for future use
- Add charity donation option with PIX details
- Include personal PIX for monetary gifts
- Add multiple gift registry links (Amazon, Camicado)
- Update giftInfo structure with link1 and link2 fields
- Update ceremony venue name and address
- Modify reception location information
- Sync changes across all environment files
- Add formatPhoneNumber() method for Brazilian phone format
- Apply formatting on input event with numeric validation
- Set maxlength and update placeholder for better UX
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant