Skip to content

Create a greeting card with a random joke or compliment for your loved ones

Notifications You must be signed in to change notification settings

foodive/stretch-tech

 
 

Repository files navigation

🎉 Card Party 🎉

Table of Contents

Introduction

Do you want to show your friends and family that you’re thinking about them, but you aren’t quite sure what to say? Liven up someone’s day with Card Party, the greeting card generator that provides a random joke or compliment to brighten someone’s day. Make a card for your mom, or your pets, or your friends, or your mailman! The choice is yours.

Card Party allows you to create a card with a compliment or joke. Once you are finished writing your card, you can save it for your reference. Or, print out a PDF with your card message and send it to the intended recipient. Once you’re finished with a saved card, you can delete it with the click of a button. Enjoy making all sorts of cards to thrill and delight the people in your life!

Technologies

  • React
  • React Router
  • TypeScript
  • Cypress Testing
  • HTML
  • CSS
  • Third Party API fetch GET calls
  • jsPDF
  • html2canvas

Set Up

  1. Clone this repository.
  2. cd into the directory.
  3. Run npm i in your terminal
  4. Run npm run start-dev
  5. Go to http://localhost:8080/ to view the site.

Deploy Link

View the site here!

Features

  • User can select a compliment or joke for their card, and add a message
  • User can view their saved cards
  • User can print their card to a PDF file
  • User can delete saved cards they no longer need

Get a compliment

compliment-gif

Get a joke

joke-gif

Download as a PDF

pdf-gif

Save or delete your card

save-delete-correct

Future Features

  • User should be able to preview their saved cards if they want to print them out or view them again
  • User has additional options for the message on the card (for example, a quote)
  • User can send a card to an email address directly from the app
  • Improve mobile responsiveness
  • Improve formatting of printed PDF for card

Contributors

Project Specifications

  • Project specs are located here.

About

Create a greeting card with a random joke or compliment for your loved ones

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 81.1%
  • CSS 15.9%
  • HTML 3.0%