title: Push Daily Notification to Phone From Web Application using Web Technique (Javascript | Firebase)
body: <p>I have recently been attracted by <strong>pushing custom daily notifications</strong> via <em>WeChat</em> from China. Now, I'm considering achieving this feature using the <strong>web techniques</strong> I have learned so far.
  However, I have no clue and see rarely people sharing the correct way to do this.</p>
  <p>I have found the following <strong>references | guidelines</strong> related to what I want to achieve:</p>
  <ul>
  <li>using javascript service worker (reference link: <a href="https://itnext.io/an-introduction-to-web-push-notifications-a701783917ce" rel="nofollow noreferrer">link</a>)</li>
  <li>firebase cloud messaging (FCM)</li>
  <li>some APIs to get the custom content (only need to know the customization of notification content, no need the API)</li>
  </ul>
  <p>I know the following <strong>web techniques</strong>:</p>
  <ul>
  <li>Javascript, HTML, CSS, Bootstrap, PHP, MYSQL</li>
  <li>Firebase Cloud Messaging, and any other Firebase products</li>
  </ul>
  <p>However, I still need some guidelines or references before I start building this pushing custom daily notification web app. It's because the references I found missing some of the main purposes of the app (app features will be mentioned in the later section). Also, I am not sure whether I should go for a <strong>JavaScript service worker</strong> or <strong>FCM</strong>. Therefore, I need some other suggestions before I can go on the right track.</p>
  <p>This web application should achieve the following <strong>features</strong>:</p>
  <ul>
  <li>Push notification every day morning at 10 o'clock</li>
  <li>Push notification to phone</li>
  <li>Custom notification content (e.g. inspirational quotes, weather, constellations luck, and so on)</li>
  </ul>
  <p>I think that's all for the things I want to build. Please let me know if I missing something.</p>