Angular Cards -- Working Title

Welcome to Angular Cards, an online application in which you can make online cards, and in the future send them to your friends, or your mom...

Make your own cards now in only a few steps


Step 1; Choose a aspect ratio

Step 2; Would you like rounded corners?

Step 3; What Font would you like?

Step 4; Set a background image

Step 5; Select a base colour

Step 6; Enter the title text

 The chosen options for a new card:  
{{ newCard | json }}

Angular Cards

These cards are build based on the data in a JSON file. With the form elements above the individual setting can be manipulated.

{{ card.text }}

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Used JSON file:

Below you can take a peek at the code to see the used JSON file. Click the button to show.


{{ cards | json }}
    #todo
    -Angular:
        -Build from json settings file (-DONE)
        -choose aspect-ratio,(-DONE)
        -choose font,(-DONE)
        -choose color,(-DONE)
        -choose text,(-DONE)
        -choose icon,
        -choose background-image from shortlist,(-DONE)
        -Only show current step, hide others
        -Open / close addcards section
        -2.0 make a variation with news articles from an external source
    -SASS:
        -build cards modular (-DONE)