成功在很大程度上取决于动机，但保持动机并不总是简单的。我们有时需要额外的推动才能继续前进。激励报价生成器可以帮助您解决这个问题。该软件的开发旨在为用户提供每日激励启发的剂量。

JavaScript，HTML和CSS用于创建应用程序。它具有直接的用户界面，并展示了鼓舞人心的说法和一个表情符号，以帮助建立当天的心情。通过选择“生成报价”按钮，用户可以创建新的报价。从34个引号的列表中，该软件随机选择并在屏幕上显示。

我建造的

一种称为动机报价生成器的API为用户提供了一些随机的励志报价。用户只需单击“生成报价”按钮，就可以获取新的报价来激发和激励他们。该报价由应用程序显示在页面上。

类别提交：

该应用程序已被归类为在提交中的“古怪通配符” 。

应用链接

该应用程序通过GitHub页面托管。 LINK

屏幕截图

描述

JavaScript，CSS和简单的HTML用于创建此项目。网站上显示的报价列表包含在JavaScript文件中的引号数组中。从引号数组中选择随机引号，并在用户单击“生成报价”按钮时在网页上显示。

网页的基本结构包含在HTML文件中。励志名言和表情符号在DIV元素中显示，并带有ID“引用 - 容器”。用于在JavaScript中选择按钮元素的“生成BTN” ID与“生成报价”按钮相关联。

网站的样式包含在CSS文件中。身体元件的背景颜色为＃1C1C1E，其sans-serif字体来自“ Helvetica Neue”家族。使用容器类设置网页的最大宽度和边距。 H1元素的文本单位属性设置为中心，字体大小为2.5 rem。

在此GitHub操作工作流程中，YAML代码将网站部署到GitHub页面是自动化的。这是我的样本。

name: Deploy to GitHub Pages

on:
  push:
    branches:
      - main

jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
        uses: actions/checkout@v2

      - name: Build and Deploy
        uses: JamesIves/github-pages-deploy-action@4.1.0
        with:
          branch: gh-pages
          folder: .

链接到源代码

该应用程序的源代码可在github上访问：https://github.com/abhixsh/motivate-me

允许许可证

MIT license是一个自由的免费软件许可证，它控制着应用程序的使用。这表明对如何使用，更新或分发软件没有任何限制，包括出于商业原因。

背景（是什么让您决定构建这个特定的应用程序？是什么启发了您？）

此应用程序的APK上的“生成报价”按钮每次按下时会生成随机的励志报价。该网站采用HTML，CSS和JavaScript来产生一种简单，美观且用户友好的体验。创建此应用程序的目的是为用户提供一种快速，简单的方法，以便在需要时获得灵感和支持。应用程序中包含的激励报价来自各种知名人士，包括政客，作家，科学家和艺术家。他们解决了与成就，毅力和个人发展有关的各种问题。任何需要一点动力来度过一天的人都可以使用该应用程序，因为它对广泛的受众来说是用户友好的。

我是如何构建它的（您是如何利用GitHub Action或Github代码？

使用GitHub操作为CI/CD设置此项目。只要有新的推动到主分支，GitHub动作过程就会激活。该过程测试JavaScript文件，以确保其正常运行。如果测试成功，该工作流将将项目启动到GitHub页面。通过这样做，该项目始终是最新的，并且运行正常。在这里，我很好地了解了Github的行动来完成这个项目。它为我的技能添加了一些新的东西。

其他资源/信息

Features: GitHub Actions
GitHub Actions Documentation
GitHub Pages