/postcard

Send a virtual postcard to a friend.

Primary LanguageTypeScriptMIT LicenseMIT

Postcard

Send a virtual Postcard to a friend.

screenshot of postcard app
https://sendcard.netlify.app/
Netlify Status

Technologies Used

React, TypeScript, Tailwind CSS, JSPaint.

Must haves

  • Animated CSS grass
  • Animated clouds
  • Flippable Postcard
  • Custom text fields (front and back)
  • Scooter img on back
  • Handwriting font on back
  • Create card button
  • Copy to clipboard

Might haves

  • Add footer with links
  • Email option
  • Tool tips for buttons and card
  • @media prefers reduced motion
  • @media query for printing on card stock
  • Flip card by clicking cardFront but not cardBack

Maybe later

  • Sharing via twitter X
  • Sharing via text message
  • Cycle through stamps by clicking (Easter egg)
  • Vertical border line on back
  • Add validation for JSON URLs

Maintenance

  • Long messages add scroll bars
  • Clip overflow area for reversed card
  • Fix offscreen scrollbar issue on chrome

Credits and sources

https://morguefile.com/p/75658 https://github.com/emanuelecaurio/react-flip-card