Merge pull request #14 from MichalBryxi/mb/emberjs

docs: Mostly just adding information about the project deps

README.md

@@ -18,3 +18,11 @@ The app is deployed on: https://open-to-dot-dot-dot.pudr.com
 ## Demo
 
 [![Watch the video](./docs/demo.gif)](./docs/demo.gif)
+
+## Tech stack
+
+- [EmberJS](https://emberjs.com) - A framework for ambitious web developers. Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.
+- [Frontile](https://frontile.dev/docs) - Frontile aims to provide the legos (components, helpers, modifiers, and styles) necessary for building consistent and powerful Ember.js apps while following best practices from the community and providing both low-level and high-level components for your application.
+- [TailwindCSS](https://tailwindcss.com) - A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.
+- [TailwindUI](https://tailwindui.com) - Beautifully designed, expertly crafted components and templates, built by the makers of Tailwind CSS. The perfect starting point for your next project.
+- [Phosphor icons](https://phosphoricons.com) - Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really.

app/components/about/index.gjs

@@ -8,6 +8,7 @@ import UserCheck from 'ember-phosphor-icons/components/ph-user-check';
 import Chat from 'ember-phosphor-icons/components/ph-chat-centered-dots';
 import Coins from 'ember-phosphor-icons/components/ph-coins';
 import Detective from 'ember-phosphor-icons/components/ph-detective';
+import Fire from 'ember-phosphor-icons/components/ph-fire';
 import AboutItem from './item';
 import { inject as service } from '@ember/service';
 
@@ -55,6 +56,12 @@ export default class About extends Component {
         icon: GitHubLogo,
         description: this.intl.t('about.github.description'),
       },
+      {
+        href: 'https://emberjs.com',
+        label: this.intl.t('about.ember.label'),
+        icon: Fire,
+        description: this.intl.t('about.ember.description'),
+      },
       {
         href: 'https://opensource.org/license/MIT',
         label: this.intl.t('about.license.label'),

translations/en-us.yaml

@@ -41,6 +41,9 @@ about:
   privacy:
     label: Privacy
     description: This entire application works entirely in your web browser. There are no trackers installed. And I even don't collect any usage statistics on the server side.
+  ember:
+    label: Built with EmberJS
+    description: A framework for ambitious web developers. Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.
 page-title:
   application: "#OpenTo..."
   index: "Avatar generator"