A Random Quote Machine

hello, am having a problem with my app.
its running fine but i cant call qoute to tweet the current quote, when i put in ${qoute} on the link its print it as ${qoute} not the assign qoute

the return code below

  return (
    <div className="App">
      <header className="App-header">
      <div id="quote-box">
      <p id="text">"{qoute}"</p>
        <p id="author">- {author}</p>
      
<a id="tweet-quote" href={'http://www.twitter.com/intent/tweet?text=${author}'}>twitter</a>

    <button id="new-quote" onClick={()=> generateQoutes()}>random num</button>
 
      </div>
      </header>
    </div>
  );

Do you see where the mistake is?

Template literals need backticks, not single quotes