# DENK Tarot *"It's going to be so easy once it's all done."* Georgia (12:47 on Wednesday) *"Have you ever used Google?"* *Christine (10:34 on Friday) --- ## Goals --- ### MVP * Get functionality / database interaction * Focus on backend express and what we have recently learned * Second focus on getting more familiar with SVG's --- ## Stretch Goals * Two way conversation with Database * Travis CI --- ## Lady Denk the Tarot Reader  --- ## User Journey User visits a page and chooses his ~~fate~~ card, clicking on it. User is then transferred to a tarot reading side and can see the card and the description. ---  --- ## Tech Stack used - Express.js - server - Handlebars - template engine 🚴‍ - Postgres - database - Tape, Supertest - testing 🧪 - GitHub Project, Wiki --- ### How to use Whimsical to create flows ---  --- ### That svg's are haaarrd ...& figma is life ---  --- ### How to wireframe ---  --- ### How to use Github Project  --- ### How to use GitHub Wiki https://github.com/fac-17/DENK/wiki --- ## Snippets & Things we discovered --- ### Get Random Colour ```javascript= const getRandomColor = () => { return "rgb(" + [0, 0, 0].map(getRandomByte).join(",") + ")"; } const getRandomByte = () => { return Math.floor(Math.random() * 256) } ``` --- ### Output raw HTML on Handlebars with {{{}}} Aka the Triple-Mustache-Trick, to output SVGs as HTML code to the layouts. ```html= <section class="card-container"> {{{tarot.tarot_image}}} <p class="tarot-description">{{tarot.tarot_description}}</p> </section> ``` --- ### Use TEXT in Postgres for unlimited chars Works like VARCHAR but without limiting length. ```sql= tarot_heading VARCHAR(50) NOT NULL UNIQUE, tarot_description TEXT NOT NULL UNIQUE, ``` --- ### Get random card from the Database ```js= const getRandomCard = () => { return connection.query ("select * from tarot_cards ORDER BY RANDOM() limit 1") } ``` --- ---