Merge pull request #1 from bombastictranz/bombastictranz-2024-02-22

Health Vault updates Stock control supervisors.
pull/2989/head
Romeo Rosete 3 months ago committed by GitHub
commit 000d3aad4c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

@ -0,0 +1 @@
{"applicationId":"7lbb7zedobce","applicationName":"Health Vault","platform":"Angular"}

@ -1,8 +1,16 @@
# Editor configuration, see https://editorconfig.org
root = true
[*]
indent_style = tab
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
indent_style = space
indent_size = 2
insert_final_newline = true
trim_trailing_whitespace = true
[*.ts]
quote_type = single
[*.md]
max_line_length = off
trim_trailing_whitespace = false

@ -0,0 +1,50 @@
{
"root": true,
"ignorePatterns": [
"projects/**/*"
],
"overrides": [
{
"files": [
"*.ts"
],
"parserOptions": {
"project": [
"tsconfig.json"
],
"createDefaultProgram": true
},
"extends": [
"plugin:@angular-eslint/recommended",
"plugin:@angular-eslint/template/process-inline-templates"
],
"rules": {
"@angular-eslint/directive-selector": [
"error",
{
"type": "attribute",
"prefix": "app",
"style": "camelCase"
}
],
"@angular-eslint/component-selector": [
"error",
{
"type": "element",
"prefix": "app",
"style": "kebab-case"
}
]
}
},
{
"files": [
"*.html"
],
"extends": [
"plugin:@angular-eslint/template/recommended"
],
"rules": {}
}
]
}

4
.gitattributes vendored

@ -1,4 +0,0 @@
* text=auto eol=lf
*.ai binary
readme.md merge=union
.github/workflows/repo_linter.sh -linguist-detectable

@ -1,14 +0,0 @@
on:
pull_request:
branches: [main]
paths:
- 'readme.md'
jobs:
lint:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
with:
fetch-depth: 0
- name: awesome-lint
run: ./.github/workflows/repo_linter.sh

@ -0,0 +1,35 @@
# This workflow will do a clean install of node dependencies, cache/restore them, build the source code and run tests across different versions of node
# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
# Using Ignite UI for Angular licensed packages via an access token:
# https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/ignite-ui-licensing#github-actions-configuration
name: Node.js CI
on:
push:
branches: [ main ]
pull_request:
branches: [ main ]
jobs:
build:
runs-on: ubuntu-latest
strategy:
matrix:
node-version: [16.x, 18.x]
# See supported Node.js release schedule at https://nodejs.org/en/about/releases/
steps:
- uses: actions/checkout@v2
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v2
with:
node-version: ${{ matrix.node-version }}
# cache: 'npm' # enable after committing lock file from first install
- run: npm i # replace with 'npm ci' after committing lock file from first install
- run: npm run lint
- run: npm run build
- run: npm run test -- --watch=false --browsers ChromeHeadless

@ -1,22 +0,0 @@
#!/bin/bash
# Find the repo in the git diff and then set it to an env variables.
REPO_TO_LINT=$(
git diff origin/main -- readme.md |
# Look for changes (indicated by lines starting with +).
grep ^+ |
# Get the line that includes the readme.
grep -Eo 'https.*#readme' |
# Get just the URL.
sed 's/#readme//')
# If there's no repo found, exit quietly.
if [ -z "$REPO_TO_LINT" ]; then
echo "No new link found in the format: https://....#readme"
else
echo "Cloning $REPO_TO_LINT"
mkdir cloned
cd cloned
git clone "$REPO_TO_LINT" .
npx awesome-lint
fi

42
.gitignore vendored

@ -0,0 +1,42 @@
# See http://help.github.com/ignore-files/ for more about ignoring files.
# Compiled output
/dist
/tmp
/out-tsc
/bazel-out
# Node
/node_modules
npm-debug.log
yarn-error.log
# IDEs and editors
.idea/
.project
.classpath
.c9/
*.launch
.settings/
*.sublime-workspace
# Visual Studio Code
.vscode/*
!.vscode/settings.json
!.vscode/tasks.json
!.vscode/launch.json
!.vscode/extensions.json
.history/*
# Miscellaneous
/.angular/cache
.sass-cache/
/connect.lock
/coverage
/libpeerconnection.log
testem.log
/typings
# System files
.DS_Store
Thumbs.db

@ -0,0 +1,31 @@
# Health Vault
This project was generated with [App Builder Code Gen](https://www.infragistics.com/products/appbuilder).
## Development server
Run `npm start` to build the application, start a web server and open the application in the default browser. The application will open in `http://localhost:4200/` by default.
## Build
Run `npm run build` to build the application into an output directory.
## Running unit tests
Run `npm test` to execute the unit tests via [Karma](https://karma-runner.github.io). Runs all `.spec.ts` files under `./src` folder.
## Running code style checks
Run `npm run lint` to execute the code styling rules for the project.
## Licensing
See the [License FAQ and Installation documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/ignite-ui-licensing) for information on how to upgrade to the full licensed package, if the project is using a Trial version of Ignite UI for Angular, and how to setup your environment and CI to use our licensed npm feed.
Alternatively run `npm run infragistics-login` for a guided login to our licensed feed.
## Additional resources
- Ignite UI Angular Schematics were used to generate this project and are available for additional commands within the project. For more details and how to use them, refer to [Angular Schematics & Ignite UI CLI](https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/cli-overview).
- [Ignite UI for Angular](https://www.infragistics.com/products/ignite-ui-angular) - to learn more about the product or to dive into component specifics and showcases.

@ -0,0 +1,134 @@
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"health-vault": {
"projectType": "application",
"schematics": {
"@schematics/angular:component": {
"style": "scss",
"standalone": false
},
"@schematics/angular:application": {
"strict": true,
"standalone": false
}
},
"root": "",
"sourceRoot": "src",
"prefix": "app",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/health-vault",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "tsconfig.app.json",
"inlineStyleLanguage": "scss",
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"src/styles.scss"
],
"scripts": [
"./node_modules/hammerjs/hammer.min.js"
],
"stylePreprocessorOptions": {
"includePaths": ["node_modules"]
}
},
"configurations": {
"production": {
"budgets": [
{
"type": "initial",
"maximumWarning": "5mb",
"maximumError": "10mb"
},
{
"type": "anyComponentStyle",
"maximumWarning": "6kb",
"maximumError": "2mb"
}
],
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
],
"outputHashing": "all"
},
"development": {
"buildOptimizer": false,
"optimization": false,
"vendorChunk": true,
"extractLicenses": false,
"sourceMap": true,
"namedChunks": true
}
},
"defaultConfiguration": "production"
},
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"configurations": {
"production": {
"buildTarget": "health-vault:build:production"
},
"development": {
"buildTarget": "health-vault:build:development"
}
},
"defaultConfiguration": "development"
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"buildTarget": "health-vault:build"
}
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"main": "src/test.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "tsconfig.spec.json",
"karmaConfig": "karma.conf.js",
"inlineStyleLanguage": "scss",
"styles": [
"src/styles.scss"
],
"scripts": [
"./node_modules/hammerjs/hammer.min.js"
],
"assets": [
"src/favicon.ico",
"src/assets"
],
"stylePreprocessorOptions": {
"includePaths": ["node_modules"]
}
}
},
"lint": {
"builder": "@angular-eslint/builder:lint",
"options": {
"lintFilePatterns": [
"src/**/*.ts",
"src/**/*.html"
]
}
}
}
}
},
"cli": {
"schematicCollections": ["@angular-eslint/schematics"]
}
}

@ -1,85 +0,0 @@
# The awesome manifesto
If you want your list to be included on `awesome`, try to only include actual awesome stuff in your list. After all, it's a curation, not a collection.
But **what is awesome?**
## Only awesome is awesome
Research if the stuff you're including is actually awesome. Only put stuff on the list that you or another contributor can personally recommend. You should rather leave stuff out than include too much.
## Awesome badge
This badge is for Awesome lists.
[![Awesome](https://awesome.re/badge.svg)](https://awesome.re)
[![Awesome](https://awesome.re/badge-flat.svg)](https://awesome.re)
[![Awesome](https://awesome.re/badge-flat2.svg)](https://awesome.re)
Add an awesome badge to the top of your list, right next to the title. [Example](https://github.com/sindresorhus/awesome-nodejs). You can choose either the regular badge or the flat one.
```md
[![Awesome](https://awesome.re/badge.svg)](https://awesome.re)
[![Awesome](https://awesome.re/badge-flat.svg)](https://awesome.re)
[![Awesome](https://awesome.re/badge-flat2.svg)](https://awesome.re)
```
You are allowed to use the badge on lists not included here and also on private lists.
*The badges should not be modified in any way.*
## Awesome mentioned badge
This badge is for projects being mentioned in an Awesome list (**NOT for use in Awesome lists**). For example, the [Chalk](https://github.com/chalk/chalk) project could feature this badge because it's listed in [Awesome Node.js](https://github.com/sindresorhus/awesome-nodejs). It's totally optional for projects, but it's a nice way to show they've been featured in an Awesome list. You can choose either the regular badge or the flat one.
[![Mentioned in Awesome](https://awesome.re/mentioned-badge.svg)](https://awesome.re)
[![Mentioned in Awesome](https://awesome.re/mentioned-badge-flat.svg)](https://awesome.re)
**Fill in the placeholders (Name and URL):**
```md
[![Mentioned in Awesome <INSERT LIST NAME>](https://awesome.re/mentioned-badge.svg)](https://github.com/<INSERT LIST URL>)
[![Mentioned in Awesome <INSERT LIST NAME>](https://awesome.re/mentioned-badge-flat.svg)](https://github.com/<INSERT LIST URL>)
```
Example:
```md
[![Mentioned in Awesome Node.js](https://awesome.re/mentioned-badge.svg)](https://github.com/sindresorhus/awesome-nodejs)
```
If you're an Awesome list maintainer, you could encourage projects in your list to add the badge.
*The badges should not be modified in any way.*
## Comment on why something is awesome
Apart from suggesting a particular item on your list, you should also inform your readers *why* it's on the list and how they will benefit from it.
## Make it clear what the list is about
Have a succinct description at the top of your readme. Make sure your list covers a certain scope and nothing else. Link to other awesome lists if you think they already cover a certain subject well enough.
## Pay attention to grammar
Ensure your list is grammatically correct, typo-free and has no Markdown formatting errors. This should also apply to pull requests.
## Choose an appropriate license
Keep in mind that if you [haven't selected a license](https://choosealicense.com/no-license/), it basically means the people are *not* allowed to reproduce, distribute or create derivative works.
[Creative Commons licenses](https://creativecommons.org/) are perfect for this purpose. **We would recommend [`CC0`](https://creativecommons.org/publicdomain/zero/1.0/).** Code licenses like MIT, BSD, GPL, and so forth are not recommended.
## Include contribution guidelines
People who are contributing to your list should have a clear understanding of how they should do so.
If you don't feel like writing one from scratch, feel free to take our [contributing.md](contributing.md) and modify it to your own needs.
## Stylize your list properly
Create a [table of contents](https://github.com/sindresorhus/stuff/blob/main/toc-generators.md), organize the content into different categories, and use images if suitable. Ensure all entries are consistent (e.g. all entry descriptions end in a `.`).
## Accept other people's opinion
If you're an owner of the list, respect other people's opinions. If there are plenty of users not agreeing with your decision, give it a second thought.

@ -1,74 +0,0 @@
# Contributor Covenant Code of Conduct
## Our Pledge
In the interest of fostering an open and welcoming environment, we as
contributors and maintainers pledge to making participation in our project and
our community a harassment-free experience for everyone, regardless of age, body
size, disability, ethnicity, gender identity and expression, level of experience,
nationality, personal appearance, race, religion, or sexual identity and
orientation.
## Our Standards
Examples of behavior that contributes to creating a positive environment
include:
* Using welcoming and inclusive language
* Being respectful of differing viewpoints and experiences
* Gracefully accepting constructive criticism
* Focusing on what is best for the community
* Showing empathy towards other community members
Examples of unacceptable behavior by participants include:
* The use of sexualized language or imagery and unwelcome sexual attention or
advances
* Trolling, insulting/derogatory comments, and personal or political attacks
* Public or private harassment
* Publishing others' private information, such as physical or electronic
address, without explicit permission
* Other conduct that could reasonably be considered inappropriate in a
professional setting
## Our Responsibilities
Project maintainers are responsible for clarifying the standards of acceptable
behavior and are expected to take appropriate and fair corrective action in
response to any instances of unacceptable behavior.
Project maintainers have the right and responsibility to remove, edit, or
reject comments, commits, code, wiki edits, issues, and other contributions
that are not aligned to this Code of Conduct, or to ban temporarily or
permanently any contributor for other behaviors that they deem inappropriate,
threatening, offensive, or harmful.
## Scope
This Code of Conduct applies both within project spaces and in public spaces
when an individual is representing the project or its community. Examples of
representing a project or community include using an official project e-mail
address, posting via an official social media account, or acting as an appointed
representative at an online or offline event. Representation of a project may be
further defined and clarified by project maintainers.
## Enforcement
Instances of abusive, harassing, or otherwise unacceptable behavior may be
reported by contacting the project team at sindresorhus@gmail.com. All
complaints will be reviewed and investigated and will result in a response that
is deemed necessary and appropriate to the circumstances. The project team is
obligated to maintain confidentiality with regard to the reporter of an incident.
Further details of specific enforcement policies may be posted separately.
Project maintainers who do not follow or enforce the Code of Conduct in good
faith may face temporary or permanent repercussions as determined by other
members of the project's leadership.
## Attribution
This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
available at [https://contributor-covenant.org/version/1/4][version]
[homepage]: https://contributor-covenant.org
[version]: https://contributor-covenant.org/version/1/4/

@ -1,30 +0,0 @@
# Contribution Guidelines
Please note that this project is released with a [Contributor Code of Conduct](code-of-conduct.md). By participating in this project you agree to abide by its terms.
## Adding an awesome list
Please ensure your pull request adheres to the [list of guidelines](pull_request_template.md).
## Creating your own awesome list
To create your own list, check out the [instructions](create-list.md).
## Adding something to an awesome list
If you have something awesome to contribute to an awesome list, this is how you do it.
You'll need a [GitHub account](https://github.com/join)!
1. Access the awesome list's GitHub page. For example: https://github.com/sindresorhus/awesome
2. Click on the `readme.md` file: ![Step 2 Click on Readme.md](https://cloud.githubusercontent.com/assets/170270/9402920/53a7e3ea-480c-11e5-9d81-aecf64be55eb.png)
3. Now click on the edit icon. ![Step 3 - Click on Edit](https://cloud.githubusercontent.com/assets/170270/9402927/6506af22-480c-11e5-8c18-7ea823530099.png)
4. You can start editing the text of the file in the in-browser editor. Make sure you follow the guidelines above. You can use [GitHub Flavored Markdown](https://help.github.com/articles/github-flavored-markdown/). ![Step 4 - Edit the file](https://cloud.githubusercontent.com/assets/170270/9402932/7301c3a0-480c-11e5-81f5-7e343b71674f.png)
5. Say why you're proposing the changes, and then click on "Propose file change". ![Step 5 - Propose Changes](https://cloud.githubusercontent.com/assets/170270/9402937/7dd0652a-480c-11e5-9138-bd14244593d5.png)
6. Submit the [pull request](https://help.github.com/articles/using-pull-requests/)!
## Updating your Pull Request
Sometimes, a maintainer of an awesome list will ask you to edit your Pull Request before it is included. This is normally due to spelling errors or because your PR didn't match the awesome-* list guidelines.
[Here](https://github.com/RichardLitt/knowledge/blob/master/github/amending-a-commit-guide.md) is a write up on how to change a Pull Request and the different ways you can do that.

@ -1,9 +0,0 @@
# Creating Your Own List
- Read the [Awesome manifesto](awesome.md) and [list guidelines](pull_request_template.md) and ensure your list complies.
- Search this list before making a new one, as yours may be a duplicate. If it is, try and contribute to the best one instead of making your own.
- You might find [this Yeoman generator](https://github.com/dar5hak/generator-awesome-list) useful.
- **Wait at least 30 days after creating a list before submitting it, to give it a chance to mature.**
- **Make sure you read the [list guidelines](pull_request_template.md) again before submitting a pull request for your list to be added here.**
Thanks for being awesome! 😎

@ -0,0 +1,19 @@
{
"version": "17.1.1315",
"project": {
"defaultPort": 4200,
"framework": "angular",
"projectType": "igx-ts",
"projectTemplate": "base",
"theme": "Default",
"themePath": "node_modules/igniteui-angular/styles/igniteui-angular.css",
"isBundle": false,
"bundleFilePath": "",
"igniteuiSource": "",
"components": [],
"sourceFiles": [],
"isShowcase": false,
"version": ""
},
"build": {}
}

@ -0,0 +1,44 @@
// Karma configuration file, see link for more information
// https://karma-runner.github.io/1.0/config/configuration-file.html
module.exports = function (config) {
config.set({
basePath: '',
frameworks: ['jasmine', '@angular-devkit/build-angular'],
plugins: [
require('karma-jasmine'),
require('karma-chrome-launcher'),
require('karma-jasmine-html-reporter'),
require('karma-coverage'),
require('@angular-devkit/build-angular/plugins/karma')
],
client: {
jasmine: {
// you can add configuration options for Jasmine here
// the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
// for example, you can disable the random execution with `random: false`
// or set a specific seed with `seed: 4321`
},
clearContext: false // leave Jasmine Spec Runner output visible in browser
},
jasmineHtmlReporter: {
suppressAll: true // removes the duplicated traces
},
coverageReporter: {
dir: require('path').join(__dirname, './coverage/health-vault'),
subdir: '.',
reporters: [
{ type: 'html' },
{ type: 'text-summary' }
]
},
reporters: ['progress', 'kjhtml'],
port: 9876,
colors: true,
logLevel: config.LOG_INFO,
autoWatch: true,
browsers: ['Chrome'],
singleRun: false,
restartOnFileChange: true
});
};

@ -1,40 +0,0 @@
CC0 1.0 Universal
Statement of Purpose
The laws of most jurisdictions throughout the world automatically confer exclusive Copyright and Related Rights (defined below) upon the creator and subsequent owner(s) (each and all, an "owner") of an original work of authorship and/or a database (each, a "Work").
Certain owners wish to permanently relinquish those rights to a Work for the purpose of contributing to a commons of creative, cultural and scientific works ("Commons") that the public can reliably and without fear of later claims of infringement build upon, modify, incorporate in other works, reuse and redistribute as freely as possible in any form whatsoever and for any purposes, including without limitation commercial purposes. These owners may contribute to the Commons to promote the ideal of a free culture and the further production of creative, cultural and scientific works, or to gain reputation or greater distribution for their Work in part through the use and efforts of others.
For these and/or other purposes and motivations, and without any expectation of additional consideration or compensation, the person associating CC0 with a Work (the "Affirmer"), to the extent that he or she is an owner of Copyright and Related Rights in the Work, voluntarily elects to apply CC0 to the Work and publicly distribute the Work under its terms, with knowledge of his or her Copyright and Related Rights in the Work and the meaning and intended legal effect of CC0 on those rights.
Copyright and Related Rights. A Work made available under CC0 may be protected by copyright and related or neighboring rights ("Copyright and Related Rights"). Copyright and Related Rights include, but are not limited to, the following:
i. the right to reproduce, adapt, distribute, perform, display, communicate, and translate a Work;
ii. moral rights retained by the original author(s) and/or performer(s);
iii. publicity and privacy rights pertaining to a person's image or likeness depicted in a Work;
iv. rights protecting against unfair competition in regards to a Work, subject to the limitations in paragraph 4(a), below;
v. rights protecting the extraction, dissemination, use and reuse of data in a Work;
vi. database rights (such as those arising under Directive 96/9/EC of the European Parliament and of the Council of 11 March 1996 on the legal protection of databases, and under any national implementation thereof, including any amended or successor version of such directive); and
vii. other similar, equivalent or corresponding rights throughout the world based on applicable law or treaty, and any national implementations thereof.
Waiver. To the greatest extent permitted by, but not in contravention of, applicable law, Affirmer hereby overtly, fully, permanently, irrevocably and unconditionally waives, abandons, and surrenders all of Affirmer's Copyright and Related Rights and associated claims and causes of action, whether now known or unknown (including existing as well as future claims and causes of action), in the Work (i) in all territories worldwide, (ii) for the maximum duration provided by applicable law or treaty (including future time extensions), (iii) in any current or future medium and for any number of copies, and (iv) for any purpose whatsoever, including without limitation commercial, advertising or promotional purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each member of the public at large and to the detriment of Affirmer's heirs and successors, fully intending that such Waiver shall not be subject to revocation, rescission, cancellation, termination, or any other legal or equitable action to disrupt the quiet enjoyment of the Work by the public as contemplated by Affirmer's express Statement of Purpose.
Public License Fallback. Should any part of the Waiver for any reason be judged legally invalid or ineffective under applicable law, then the Waiver shall be preserved to the maximum extent permitted taking into account Affirmer's express Statement of Purpose. In addition, to the extent the Waiver is so judged Affirmer hereby grants to each affected person a royalty-free, non transferable, non sublicensable, non exclusive, irrevocable and unconditional license to exercise Affirmer's Copyright and Related Rights in the Work (i) in all territories worldwide, (ii) for the maximum duration provided by applicable law or treaty (including future time extensions), (iii) in any current or future medium and for any number of copies, and (iv) for any purpose whatsoever, including without limitation commercial, advertising or promotional purposes (the "License"). The License shall be deemed effective as of the date CC0 was applied by Affirmer to the Work. Should any part of the License for any reason be judged legally invalid or ineffective under applicable law, such partial invalidity or ineffectiveness shall not invalidate the remainder of the License, and in such case Affirmer hereby affirms that he or she will not (i) exercise any of his or her remaining Copyright and Related Rights in the Work or (ii) assert any associated claims and causes of action with respect to the Work, in either case contrary to Affirmer's express Statement of Purpose.
Limitations and Disclaimers.
a. No trademark or patent rights held by Affirmer are waived, abandoned, surrendered, licensed or otherwise affected by this document.
b. Affirmer offers the Work as-is and makes no representations or warranties of any kind concerning the Work, express, implied, statutory or otherwise, including without limitation warranties of title, merchantability, fitness for a particular purpose, non infringement, or the absence of latent or other defects, accuracy, or the present or absence of errors, whether or not discoverable, all to the greatest extent permissible under applicable law.
c. Affirmer disclaims responsibility for clearing rights of other persons that may apply to the Work or any use thereof, including without limitation any person's Copyright and Related Rights in the Work. Further, Affirmer disclaims responsibility for obtaining any necessary consents, permissions or other rights required for any use of the Work.
d. Affirmer understands and acknowledges that Creative Commons is not a party to this document and has no duty or obligation with respect to this CC0 or use of the Work.
For more information, please see https://creativecommons.org/publicdomain/zero/1.0

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="110" height="20"><path fill="#CCA6C4" d="M0 0h34v20H0V0z"/><path fill="#494368" d="M34 0h77v20H34V0z"/><path d="M46.97 6.92c.42 0 .75.13 1.05.4.28.27.43.59.43.98v4.79h-5.24c-.42 0-.77-.13-1.05-.4s-.43-.59-.43-.98V9.44h5.5V8.29c0-.07-.03-.12-.08-.16-.05-.04-.11-.07-.17-.07h-5.24V6.92h5.23zm.26 5.02v-1.36h-4.26v1.13c0 .07.03.12.08.16s.11.07.17.07h4.01zm11.86-5.02h1.3l-2.49 6.17h-1L54.68 8.5l-2.1 4.59-.03-.01.01.01h-1l-2.6-6.17h1.3l1.79 4.09 1.91-4.09h1.4l2.02 4.09 1.71-4.09zm6.95 0c.42 0 .77.13 1.05.4s.43.59.43.98v2.27h-5.5v1.13c0 .07.03.12.08.16.05.04.11.07.17.07h5.24v1.14h-5.24c-.42 0-.77-.13-1.05-.4s-.43-.59-.43-.98v-3.4c0-.38.15-.71.43-.98s.63-.4 1.05-.4h3.77v.01zm-4.01 2.5h4.26V8.29c0-.07-.03-.12-.08-.16-.05-.04-.11-.07-.17-.07h-3.77c-.07 0-.12.03-.17.07-.05.04-.08.11-.08.16v1.13h.01zm13.35-1.13v.23h-1.22v-.23c0-.07-.03-.12-.08-.16-.05-.04-.11-.07-.17-.07h-3.77c-.07 0-.12.03-.17.07-.05.04-.08.11-.08.16v.9c0 .07.03.12.08.16s.11.07.17.07h3.77c.42 0 .75.13 1.05.4.28.27.43.59.43.98v.89c0 .38-.15.71-.43.98s-.63.4-1.05.4h-3.77c-.42 0-.77-.13-1.05-.4s-.43-.59-.43-.98v-.23h1.24v.23c0 .07.03.12.08.16.05.04.11.07.17.07h3.77c.07 0 .12-.03.17-.07.05-.04.08-.11.08-.16v-.89c0-.07-.03-.12-.08-.16-.05-.04-.11-.07-.17-.07h-3.77c-.42 0-.77-.13-1.05-.4s-.43-.59-.43-.98v-.9c0-.38.15-.71.43-.98s.63-.4 1.05-.4h3.77c.42 0 .75.13 1.05.4.27.28.41.61.41.98zm2.6-1.37h3.77c.42 0 .77.13 1.05.4s.43.59.43.98v3.4c0 .38-.15.71-.43.98s-.63.4-1.05.4h-3.77c-.42 0-.77-.13-1.05-.4s-.43-.59-.43-.98V8.29c0-.38.15-.71.43-.98.3-.26.65-.39 1.05-.39zm3.77 1.14h-3.77c-.07 0-.12.03-.17.07-.05.04-.08.11-.08.16v3.4c0 .07.03.12.08.16s.11.07.17.07h3.77c.07 0 .12-.03.17-.07s.08-.11.08-.16v-3.4c0-.07-.03-.12-.08-.16-.04-.04-.1-.07-.17-.07zm11.12-1.14c.42 0 .75.13 1.05.4.28.27.43.59.43.98v4.79h-1.22v-4.8c0-.07-.03-.12-.08-.16-.05-.04-.11-.07-.19-.07h-2.61c-.07 0-.12.03-.17.07-.05.04-.08.11-.08.16v4.79h-1.24V8.29c0-.07-.03-.12-.08-.16-.05-.04-.11-.07-.17-.07h-2.62c-.07 0-.12.03-.17.07-.05.04-.08.11-.08.16v4.79H84.4V6.92h8.47zm7.92 0c.42 0 .77.13 1.05.4s.43.59.43.98v2.27h-5.5v1.13c0 .07.03.12.08.16.05.04.11.07.17.07h5.24v1.14h-5.24c-.42 0-.77-.13-1.05-.4s-.43-.59-.43-.98v-3.4c0-.38.15-.71.43-.98s.63-.4 1.05-.4h3.77v.01zm-4.02 2.5h4.26V8.29c0-.07-.03-.12-.08-.16-.05-.04-.11-.07-.17-.07h-3.77c-.07 0-.12.03-.17.07-.05.04-.08.11-.08.16v1.13h.01z" fill="#FFF"/><path fill="#DDA4CA" d="M26.57 9.76l-4.91-4.5-.69.75 4.09 3.75H8.94l4.09-3.75-.69-.75-4.91 4.5v2.97c0 1.34 1.29 2.43 2.88 2.43h3.03c1.59 0 2.88-1.09 2.88-2.43v-1.95h1.57v1.95c0 1.34 1.29 2.43 2.88 2.43h3.03c1.59 0 2.88-1.09 2.88-2.43l-.01-2.97z"/><path fill="#261120" d="M26.57 9.34l-4.91-4.5-.69.75 4.09 3.75H8.94l4.09-3.75-.69-.75-4.91 4.5v2.97c0 1.34 1.29 2.43 2.88 2.43h3.03c1.59 0 2.88-1.09 2.88-2.43v-1.95h1.57v1.95c0 1.34 1.29 2.43 2.88 2.43h3.03c1.59 0 2.88-1.09 2.88-2.43l-.01-2.97z"/></svg>

Before

Width:  |  Height:  |  Size: 2.8 KiB

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="86" height="20"><g shape-rendering="crispEdges"><path fill="#fc60a8" d="M0 0h25v20H0z"/><path fill="#494368" d="M25 0h61v20H25z"/></g><g fill="#fff" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif" font-size="110"><g transform="translate(5)"><svg viewBox="0 0 154.8 80.1" width="14"><path d="M154.8 36.4L115 0l-5.6 6.1 33 30.3H12.3l33-30.3L39.7 0 0 36.4v24c0 10.9 10.5 19.7 23.3 19.7h24.5c12.8 0 23.2-8.8 23.2-19.7V44.7h12.7v15.7c0 10.9 10.5 19.7 23.3 19.7h24.5c12.8 0 23.3-8.8 23.3-19.7z"/></svg></g><text x="555" y="136" transform="scale(.1)" textLength="510">awesome</text></g></svg>

Before

Width:  |  Height:  |  Size: 741 B

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 5.7 KiB

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-178.3 -167.1 1000 700"><path d="M79.9 323.1c4 0 7.3 1.4 10.1 4.2 2.8 2.8 4.2 6.2 4.2 10.1V387H43.5c-4 0-7.3-1.4-10.1-4.2-2.8-2.8-4.2-6.2-4.2-10.1v-23.6h53.1v-11.7c0-.7-.2-1.2-.7-1.7-.5-.5-1-.7-1.7-.7H29.2v-11.9h50.7zm2.4 52V361H41.1v11.7c0 .7.2 1.2.7 1.7.5.5 1 .7 1.7.7h38.8zm114.7-52h12.7l-24 63.9H176l-21.5-47.5-20.3 47.5-.2-.1.1.1h-9.6l-25.1-63.9H112l17.3 42.4 18.4-42.4h13.6l19.5 42.4 16.2-42.4zm67.2 0c4 0 7.3 1.4 10.1 4.2 2.8 2.8 4.2 6.2 4.2 10.1V361h-53.1v11.7c0 .7.2 1.2.7 1.7.5.5 1 .7 1.7.7h50.7V387h-50.7c-4 0-7.3-1.4-10.1-4.2-2.8-2.8-4.2-6.2-4.2-10.1v-35.3c0-4 1.4-7.3 4.2-10.1 2.8-2.8 6.2-4.2 10.1-4.2h36.4zm-38.8 26h41.2v-11.7c0-.7-.2-1.2-.7-1.7-.5-.5-1-.7-1.7-.7h-36.4c-.7 0-1.2.2-1.7.7-.5.5-.7 1-.7 1.7v11.7zm129-11.6v2.4h-11.9v-2.4c0-.7-.2-1.2-.7-1.7-.5-.5-1-.7-1.7-.7h-36.4c-.7 0-1.2.2-1.7.7-.5.5-.7 1-.7 1.7v9.3c0 .7.2 1.2.7 1.7.5.5 1 .7 1.7.7h36.4c4 0 7.3 1.4 10.1 4.2 2.8 2.8 4.2 6.2 4.2 10.1v9.3c0 4-1.4 7.3-4.2 10.1-2.8 2.8-6.2 4.2-10.1 4.2h-36.4c-4 0-7.3-1.4-10.1-4.2-2.8-2.8-4.2-6.2-4.2-10.1v-2.4h11.9v2.4c0 .7.2 1.2.7 1.7.5.5 1 .7 1.7.7h36.4c.7 0 1.2-.2 1.7-.7.5-.5.7-1 .7-1.7v-9.3c0-.7-.2-1.2-.7-1.7-.5-.5-1-.7-1.7-.7h-36.4c-4 0-7.3-1.4-10.1-4.2-2.8-2.8-4.2-6.2-4.2-10.1v-9.3c0-4 1.4-7.3 4.2-10.1 2.8-2.8 6.2-4.2 10.1-4.2h36.4c4 0 7.3 1.4 10.1 4.2 2.8 2.7 4.2 6.1 4.2 10.1zm25.2-14.4H416c4 0 7.3 1.4 10.1 4.2 2.8 2.8 4.2 6.2 4.2 10.1v35.3c0 4-1.4 7.3-4.2 10.1-2.8 2.8-6.2 4.2-10.1 4.2h-36.4c-4 0-7.3-1.4-10.1-4.2-2.8-2.8-4.2-6.2-4.2-10.1v-35.3c0-4 1.4-7.3 4.2-10.1 2.8-2.8 6.2-4.2 10.1-4.2zM416 335h-36.4c-.7 0-1.2.2-1.7.7-.5.5-.7 1-.7 1.7v35.3c0 .7.2 1.2.7 1.7.5.5 1 .7 1.7.7H416c.7 0 1.2-.2 1.7-.7.5-.5.7-1 .7-1.7v-35.3c0-.7-.2-1.2-.7-1.7-.5-.4-1-.7-1.7-.7zm107.5-11.9c4 0 7.3 1.4 10.1 4.2 2.8 2.8 4.2 6.2 4.2 10.1V387H526v-49.6c0-.7-.2-1.2-.7-1.7-.5-.5-1.1-.7-1.8-.7h-25.2c-.7 0-1.2.2-1.7.7-.5.5-.7 1-.7 1.7V387H484v-49.6c0-.7-.2-1.2-.7-1.7-.5-.5-1-.7-1.7-.7h-25.3c-.7 0-1.2.2-1.7.7-.5.5-.7 1-.7 1.7V387H442v-63.9h81.5zm76.5 0c4 0 7.3 1.4 10.1 4.2 2.8 2.8 4.2 6.2 4.2 10.1V361h-53.1v11.7c0 .7.2 1.2.7 1.7.5.5 1 .7 1.7.7h50.7V387h-50.7c-4 0-7.3-1.4-10.1-4.2-2.8-2.8-4.2-6.2-4.2-10.1v-35.3c0-4 1.4-7.3 4.2-10.1 2.8-2.8 6.2-4.2 10.1-4.2H600zm-38.8 26h41.2v-11.7c0-.7-.2-1.2-.7-1.7-.5-.5-1-.7-1.7-.7h-36.4c-.7 0-1.2.2-1.7.7-.5.5-.7 1-.7 1.7v11.7z" fill="#494368"/><path fill="#FC60A8" d="M614.2 91l-150-137.6-21.1 23L568.1 91H75.4l125-114.7-21.1-23L29.3 91h-.1v90.7c0 41 39.5 74.4 88 74.4h92.5c48.5 0 88-33.4 88-74.4v-59.6h48v59.6c0 41 39.5 74.4 88 74.4h92.5c48.5 0 88-33.4 88-74.4V91z"/></svg>

Before

Width:  |  Height:  |  Size: 2.5 KiB

@ -1 +0,0 @@
<svg width="110" height="20" viewBox="0 0 110 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Mentioned in an Awesome list</title><defs><path d="M53.57 3.52h-4.446V7h.648V4.3c0-.072.06-.132.132-.132h1.38c.072 0 .132.06.132.132V7h.648V4.3c0-.072.06-.132.132-.132h1.374c.078 0 .138.06.138.132V7h.642V4.3a.778.778 0 0 0-.78-.78zm4.704 0c.432 0 .78.348.78.78v1.284h-2.892v.636c0 .072.06.132.132.132h2.76V7h-2.76a.778.778 0 0 1-.78-.78V4.3c0-.432.348-.78.78-.78h1.98zm-2.112 1.416h2.244V4.3a.133.133 0 0 0-.132-.132h-1.98a.133.133 0 0 0-.132.132v.636zm6.822-1.416h-2.76V7h.648V4.3c0-.072.06-.132.132-.132h1.98c.072 0 .132.06.132.132V7h.648V4.3a.778.778 0 0 0-.78-.78zm4.026.648V3.52h-1.428V2.38h-.648v3.84c0 .432.348.78.78.78h1.296v-.648h-1.296a.133.133 0 0 1-.132-.132V4.168h1.428zM67.928 7h.648V3.52h-.648V7zm0-4.62v.648h.648V2.38h-.648zm2.562 1.14h1.98c.432 0 .78.348.78.78v1.92c0 .432-.348.78-.78.78h-1.98a.778.778 0 0 1-.78-.78V4.3c0-.432.348-.78.78-.78zm1.98.648h-1.98a.133.133 0 0 0-.132.132v1.92c0 .072.06.132.132.132h1.98c.072 0 .132-.06.132-.132V4.3a.133.133 0 0 0-.132-.132zm4.62-.648h-2.76V7h.648V4.3c0-.072.06-.132.132-.132h1.98c.072 0 .132.06.132.132V7h.648V4.3a.778.778 0 0 0-.78-.78zm4.698 0c.432 0 .78.348.78.78v1.284h-2.892v.636c0 .072.06.132.132.132h2.76V7h-2.76a.778.778 0 0 1-.78-.78V4.3c0-.432.348-.78.78-.78h1.98zm-2.112 1.416h2.244V4.3a.133.133 0 0 0-.132-.132h-1.98a.133.133 0 0 0-.132.132v.636zm6.768-2.556h.648V7h-2.76a.778.778 0 0 1-.78-.78V4.3c0-.432.348-.78.78-.78h2.112V2.38zm-2.112 3.972h1.98c.072 0 .132-.06.132-.132V4.3a.133.133 0 0 0-.132-.132h-1.98a.133.133 0 0 0-.132.132v1.92c0 .072.06.132.132.132zM90.548 7h.648V3.52h-.648V7zm0-4.62v.648h.648V2.38h-.648zm4.56 1.14h-2.76V7h.648V4.3c0-.072.06-.132.132-.132h1.98c.072 0 .132.06.132.132V7h.648V4.3a.778.778 0 0 0-.78-.78z" id="a"/></defs><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero"><path fill="#CCA6C4" d="M0 0h34v20H0z"/><path fill="#494368" d="M34 0h77v20H34z"/></g><g fill-rule="nonzero"><path d="M46.97 9.92c.42 0 .75.13 1.05.4.28.27.43.59.43.98v4.79h-5.24c-.42 0-.77-.13-1.05-.4a1.31 1.31 0 0 1-.43-.98v-2.27h5.5v-1.15c0-.07-.03-.12-.08-.16a.284.284 0 0 0-.17-.07h-5.24V9.92h5.23zm.26 5.02v-1.36h-4.26v1.13c0 .07.03.12.08.16.05.04.11.07.17.07h4.01zm11.86-5.02h1.3l-2.49 6.17h-1l-2.22-4.59-2.1 4.59-.03-.01.01.01h-1l-2.6-6.17h1.3l1.79 4.09 1.91-4.09h1.4l2.02 4.09 1.71-4.09zm6.95 0c.42 0 .77.13 1.05.4s.43.59.43.98v2.27h-5.5v1.13c0 .07.03.12.08.16.05.04.11.07.17.07h5.24v1.14h-5.24c-.42 0-.77-.13-1.05-.4a1.31 1.31 0 0 1-.43-.98v-3.4c0-.38.15-.71.43-.98s.63-.4 1.05-.4h3.77v.01zm-4.01 2.5h4.26v-1.13c0-.07-.03-.12-.08-.16a.284.284 0 0 0-.17-.07h-3.77a.26.26 0 0 0-.17.07c-.05.04-.08.11-.08.16v1.13h.01zm13.35-1.13v.23h-1.22v-.23c0-.07-.03-.12-.08-.16a.284.284 0 0 0-.17-.07h-3.77a.26.26 0 0 0-.17.07c-.05.04-.08.11-.08.16v.9c0 .07.03.12.08.16.05.04.11.07.17.07h3.77c.42 0 .75.13 1.05.4.28.27.43.59.43.98v.89c0 .38-.15.71-.43.98s-.63.4-1.05.4h-3.77c-.42 0-.77-.13-1.05-.4a1.31 1.31 0 0 1-.43-.98v-.23h1.24v.23c0 .07.03.12.08.16.05.04.11.07.17.07h3.77c.07 0 .12-.03.17-.07.05-.04.08-.11.08-.16v-.89c0-.07-.03-.12-.08-.16a.284.284 0 0 0-.17-.07h-3.77c-.42 0-.77-.13-1.05-.4a1.31 1.31 0 0 1-.43-.98v-.9c0-.38.15-.71.43-.98s.63-.4 1.05-.4h3.77c.42 0 .75.13 1.05.4.27.28.41.61.41.98zm2.6-1.37h3.77c.42 0 .77.13 1.05.4s.43.59.43.98v3.4c0 .38-.15.71-.43.98s-.63.4-1.05.4h-3.77c-.42 0-.77-.13-1.05-.4a1.31 1.31 0 0 1-.43-.98v-3.41c0-.38.15-.71.43-.98.3-.26.65-.39 1.05-.39zm3.77 1.14h-3.77a.26.26 0 0 0-.17.07c-.05.04-.08.11-.08.16v3.4c0 .07.03.12.08.16.05.04.11.07.17.07h3.77c.07 0 .12-.03.17-.07.05-.04.08-.11.08-.16v-3.4c0-.07-.03-.12-.08-.16a.241.241 0 0 0-.17-.07zm11.12-1.14c.42 0 .75.13 1.05.4.28.27.43.59.43.98v4.79h-1.22v-4.8c0-.07-.03-.12-.08-.16a.294.294 0 0 0-.19-.07h-2.61a.26.26 0 0 0-.17.07c-.05.04-.08.11-.08.16v4.79h-1.24v-4.79c0-.07-.03-.12-.08-.16a.284.284 0 0 0-.17-.07h-2.62a.26.26 0 0 0-.17.07c-.05.04-.08.11-.08.16v4.79H84.4V9.92h8.47zm7.92 0c.42 0 .77.13 1.05.4s.43.59.43.98v2.27h-5.5v1.13c0 .07.03.12.08.16.05.04.11.07.17.07h5.24v1.14h-5.24c-.42 0-.77-.13-1.05-.4a1.31 1.31 0 0 1-.43-.98v-3.4c0-.38.15-.71.43-.98s.63-.4 1.05-.4h3.77v.01zm-4.02 2.5h4.26v-1.13c0-.07-.03-.12-.08-.16a.284.284 0 0 0-.17-.07h-3.77a.26.26 0 0 0-.17.07c-.05.04-.08.11-.08.16v1.13h.01z" fill="#FFF"/></g><use fill-opacity=".9" fill="#FFF" xlink:href="#a"/><g fill-rule="nonzero"><path d="M26.57 9.76l-4.91-4.5-.69.75 4.09 3.75H8.94l4.09-3.75-.69-.75-4.91 4.5v2.97c0 1.34 1.29 2.43 2.88 2.43h3.03c1.59 0 2.88-1.09 2.88-2.43v-1.95h1.57v1.95c0 1.34 1.29 2.43 2.88 2.43h3.03c1.59 0 2.88-1.09 2.88-2.43l-.01-2.97z" fill="#DDA4CA"/><path d="M26.57 9.34l-4.91-4.5-.69.75 4.09 3.75H8.94l4.09-3.75-.69-.75-4.91 4.5v2.97c0 1.34 1.29 2.43 2.88 2.43h3.03c1.59 0 2.88-1.09 2.88-2.43v-1.95h1.57v1.95c0 1.34 1.29 2.43 2.88 2.43h3.03c1.59 0 2.88-1.09 2.88-2.43l-.01-2.97z" fill="#261120"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 8.0 KiB

@ -1,9 +0,0 @@
# Media
## Logo
- Primary color: `#fc60a8`
- Secondary color: `#494368`
- Font: [`Orbitron`](https://fonts.google.com/specimen/Orbitron)
You are free to use and modify the logo for your Awesome list or other usage.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.5 KiB

@ -0,0 +1,53 @@
{
"name": "health-vault",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve -o",
"build": "ng build",
"watch": "ng build --watch --configuration development",
"test": "ng test",
"lint": "ng lint"
},
"private": true,
"dependencies": {
"@angular/animations": "~17.0.0",
"@angular/common": "~17.0.0",
"@angular/compiler": "~17.0.0",
"@angular/core": "~17.0.0",
"@angular/forms": "~17.0.0",
"@angular/platform-browser": "~17.0.0",
"@angular/platform-browser-dynamic": "~17.0.0",
"@angular/router": "~17.0.0",
"hammerjs": "~2.0.8",
"igniteui-angular": "~17.0.0",
"igniteui-angular-charts": "~17.0.0",
"igniteui-angular-core": "~17.0.0",
"minireset.css": "~0.0.7",
"rxjs": "~7.8.0",
"tslib": "~2.3.0",
"zone.js": "~0.14.0"
},
"devDependencies": {
"@angular-devkit/build-angular": "~17.0.0",
"@angular-eslint/builder": "~17.0.0",
"@angular-eslint/eslint-plugin": "~17.0.0",
"@angular-eslint/eslint-plugin-template": "~17.0.0",
"@angular-eslint/schematics": "~17.0.0",
"@angular-eslint/template-parser": "~17.0.0",
"@angular/cli": "~17.0.0",
"@angular/compiler-cli": "~17.0.0",
"@types/jasmine": "~5.1.1",
"@typescript-eslint/eslint-plugin": "6.9.1",
"@typescript-eslint/parser": "6.9.1",
"eslint": "~8.52.0",
"@igniteui/angular-schematics": "~17.1.1315",
"jasmine-core": "~5.1.0",
"karma": "~6.4.0",
"karma-chrome-launcher": "~3.2.0",
"karma-coverage": "~2.2.0",
"karma-jasmine": "~5.1.0",
"karma-jasmine-html-reporter": "~2.1.0",
"typescript": "~5.2.2"
}
}

@ -1,103 +0,0 @@
<!-- Congrats on creating an Awesome list! 🎉 -->
<!-- Please fill in the below placeholders -->
**[Insert URL to the list here]**
**[Explain what this list is about and why it should be included here]**
### By submitting this pull request I confirm I've read and complied with the below requirements 🖖
**Please read it multiple times. I spent a lot of time on these guidelines and most people miss a lot.**
## Requirements for your pull request
- [ ] Don't open a Draft / WIP pull request while you work on the guidelines. A pull request should be 100% ready and should adhere to all the guidelines when you open it. **Instead use [#2242](https://github.com/sindresorhus/awesome/issues/2242) for incubation visibility**.
- [ ] **Don't waste my time.** Do a good job, adhere to all the guidelines, and be responsive.
- [ ] **You have to review at least 2 other [open pull requests](https://github.com/sindresorhus/awesome/pulls?q=is%3Apr+is%3Aopen).**
Try to prioritize unreviewed PRs, but you can also add more comments to reviewed PRs. Go through the below list when reviewing. This requirement is meant to help make the Awesome project self-sustaining. Comment here which PRs you reviewed. You're expected to put a good effort into this and to be thorough. Look at previous PR reviews for inspiration. **Just commenting “looks good” or simply marking the pull request as approved does not count!** You have to actually point out mistakes or improvement suggestions. Comments pointing out lint violation are allowed, but does **not** count as a review.
- [ ] You have read and understood the [instructions for creating a list](https://github.com/sindresorhus/awesome/blob/main/create-list.md).
- [ ] This pull request has a title in the format `Add Name of List`. It should not contain the word `Awesome`.
- ✅ `Add Swift`
- ✅ `Add Software Architecture`
- ❌ `Update readme.md`
- ❌ `Add Awesome Swift`
- ❌ `Add swift`
- ❌ `add Swift`
- ❌ `Adding Swift`
- ❌ `Added Swift`
- [ ] Your entry here should include a short description of the project/theme of the list. **It should not describe the list itself.** The first character should be uppercase and the description should end in a dot. It should be an objective description and not a tagline or marketing blurb. It should not contain the name of the list.
- ✅ `- [iOS](…) - Mobile operating system for Apple phones and tablets.`
- ✅ `- [Framer](…) - Prototyping interactive UI designs.`
- ❌ `- [iOS](…) - Resources and tools for iOS development.`
- ❌ `- [Framer](…)`
- ❌ `- [Framer](…) - prototyping interactive UI designs`
- [ ] Your entry should be added at the bottom of the appropriate category.
- [ ] The title of your entry should be title-cased and the URL to your list should end in `#readme`.
- Example: `- [Software Architecture](https://github.com/simskij/awesome-software-architecture#readme) - The discipline of designing and building software.`
- [ ] No blockchain-related lists.
- [ ] The suggested Awesome list complies with the below requirements.
## Requirements for your Awesome list
- [ ] **Has been around for at least 30 days.**<br>That means 30 days from either the first real commit or when it was open-sourced. Whatever is most recent.
- [ ] Run [`awesome-lint`](https://github.com/sindresorhus/awesome-lint) on your list and fix the reported issues. If there are false-positives or things that cannot/shouldn't be fixed, please [report it](https://github.com/sindresorhus/awesome-lint/issues/new).
- [ ] The default branch should be named [`main`, not `master`](https://www.zdnet.com/article/github-to-replace-master-with-alternative-term-to-avoid-slavery-references/).
- [ ] **Includes a succinct description of the project/theme at the top of the readme.** [(Example)](https://github.com/willempienaar/awesome-quantified-self)
- ✅ `Mobile operating system for Apple phones and tablets.`
- ✅ `Prototyping interactive UI designs.`
- ❌ `Resources and tools for iOS development.`
- ❌ `Awesome Framer packages and tools.`
- [ ] It's the result of hard work and the best I could possibly produce.
**If you have not put in considerable effort into your list, your pull request will be immediately closed.**
- [ ] The repo name of your list should be in lowercase slug format: `awesome-name-of-list`.
- ✅ `awesome-swift`
- ✅ `awesome-web-typography`
- ❌ `awesome-Swift`
- ❌ `AwesomeWebTypography`
- [ ] The heading title of your list should be in [title case](https://capitalizemytitle.com/) format: `# Awesome Name of List`.
- ✅ `# Awesome Swift`
- ✅ `# Awesome Web Typography`
- ❌ `# awesome-swift`
- ❌ `# AwesomeSwift`
- [ ] Non-generated Markdown file in a GitHub repo.
- [ ] The repo should have `awesome-list` & `awesome` as [GitHub topics](https://help.github.com/articles/about-topics). I encourage you to add more relevant topics.
- [ ] Not a duplicate. Please search for existing submissions.
- [ ] Only has awesome items. Awesome lists are curations of the best, not everything.
- [ ] Does not contain items that are unmaintained, has archived repo, deprecated, or missing docs. If you really need to include such items, they should be in a separate Markdown file.
- [ ] Includes a project logo/illustration whenever possible.
- Either centered, fullwidth, or placed at the top-right of the readme. [(Example)](https://github.com/sindresorhus/awesome-electron)
- The image should link to the project website or any relevant website.
- **The image should be high-DPI.** Set it to a maximum of half the width of the original image.
- Don't include both a title saying `Awesome X` and a logo with `Awesome X`. You can put the header image in a `#` (Markdown header) or `<h1>`.
- [ ] Entries have a description, unless the title is descriptive enough by itself. It rarely is though.
- [ ] Includes the [Awesome badge](https://github.com/sindresorhus/awesome/blob/main/awesome.md#awesome-badge).
- Should be placed on the right side of the readme heading.
- Can be placed centered if the list has a centered graphics header.
- Should link back to this list.
- [ ] Has a Table of Contents section.
- Should be named `Contents`, not `Table of Contents`.
- Should be the first section in the list.
- Should only have one level of [nested lists](https://commonmark.org/help/tutorial/10-nestedLists.html), preferably none.
- Must not feature `Contributing` or `Footnotes` sections.
- [ ] Has an appropriate license.
- **We strongly recommend the [CC0 license](https://creativecommons.org/publicdomain/zero/1.0/), but any [Creative Commons license](https://creativecommons.org/choose/) will work.**
- Tip: You can quickly add it to your repo by going to this URL: `https://github.com/<user>/<repo>/community/license/new?branch=main&template=cc0-1.0` (replace `<user>` and `<repo>` accordingly).
- A code license like MIT, BSD, Apache, GPL, etc, is not acceptable. Neither are WTFPL and [Unlicense](https://unlicense.org).
- Place a file named `license` or `LICENSE` in the repo root with the license text.
- **Do not** add the license name, text, or a `Licence` section to the readme. GitHub already shows the license name and link to the full text at the top of the repo.
- To verify that you've read all the guidelines, please comment on your pull request with just the word `unicorn`.
- [ ] Has [contribution guidelines](https://github.com/sindresorhus/awesome/blob/main/awesome.md#include-contribution-guidelines).
- The file should be named `contributing.md`. The casing is up to you.
- It can optionally be linked from the readme in a dedicated section titled `Contributing`, positioned at the top or bottom of the main content.
- The section should not appear in the Table of Contents.
- [ ] All non-important but necessary content (like extra copyright notices, hyperlinks to sources, pointers to expansive content, etc) should be grouped in a `Footnotes` section at the bottom of the readme. The section should not be present in the Table of Contents.
- [ ] Has consistent formatting and proper spelling/grammar.
- The link and description are separated by a dash. <br>Example: `- [AVA](…) - JavaScript test runner.`
- The description starts with an uppercase character and ends with a period.
- Consistent and correct naming. For example, `Node.js`, not `NodeJS` or `node.js`.
- [ ] Does not use [hard-wrapping](https://stackoverflow.com/questions/319925/difference-between-hard-wrap-and-soft-wrap).
- [ ] Does not include a CI (e.g. GitHub Actions) badge.<br>You can still use a CI for linting, but the badge has no value in the readme.
- [ ] Does not include an `Inspired by awesome-foo` or `Inspired by the Awesome project` kinda link at the top of the readme. The Awesome badge is enough.
**Go to the top and read it again.**

@ -1,895 +0,0 @@
<div align="center">
<img width="500" height="350" src="media/logo.svg" alt="Awesome">
<!-- <br>
<br>
<br>
<br>
<div>
<sub>Check out my latest app</sub>
<br>
<h2>
<a href="https://sindresorhus.com/one-task">One Task</a>
<br>
<sup>Stop procrastination and get stuff done by focusing on one task at a time</sup>
</h2>
</div> -->
<br>
<br>
<br>
<br>
<hr>
<p>
<p>
<sup>
<a href="https://github.com/sponsors/sindresorhus">My open source work is supported by the community</a>
</sup>
</p>
<sup>Special thanks to:</sup>
<br>
<br>
<a href="https://standardresume.co/tech">
<img src="https://sindresorhus.com/assets/thanks/standard-resume-logo.svg" width="160"/>
</a>
<br>
<br>
<a href="https://retool.com/?utm_campaign=sindresorhus">
<img src="https://sindresorhus.com/assets/thanks/retool-logo.svg" width="210"/>
</a>
<br>
<br>
<a href="https://workos.com/?utm_campaign=github_repo&utm_medium=referral&utm_content=awesome&utm_source=github">
<div>
<img src="https://sindresorhus.com/assets/thanks/workos-logo-white-bg.svg" width="200" alt="WorkOS">
</div>
<b>Your app, enterprise-ready.</b>
<div>
<sub>Start selling to enterprise customers with just a few lines of code.</sub>
<br>
<sup>Add Single Sign-On (and more) in minutes instead of months.</sup>
</div>
</a>
<br>
<a href="https://strapi.io/?ref=sindresorhus">
<div>
<img src="https://sindresorhus.com/assets/thanks/strapi-logo-white-bg.png" width="200" alt="Strapi">
</div>
<b>Strapi is the leading open-source headless CMS.</b>
<div>
<sup>Its 100% JavaScript, fully customizable, and developer-first.</sup>
</div>
</a>
<br>
<br>
<a href="https://serpapi.com#gh-light-mode-only">
<div>
<img src="https://sindresorhus.com/assets/thanks/serpapi-logo-light.svg" width="140" alt="SerpApi">
</div>
<b>API to get search engine results with ease.</b>
</a>
<a href="https://serpapi.com#gh-dark-mode-only">
<div>
<img src="https://sindresorhus.com/assets/thanks/serpapi-logo-dark.svg" width="140" alt="SerpApi">
</div>
<b>API to get search engine results with ease.</b>
</a>
<br>
<br>
<br>
<a href="https://transloadit.com?utm_source=sindresorhus&utm_medium=referral&utm_campaign=sponsorship&utm_content=awesome">
<picture>
<source width="340" media="(prefers-color-scheme: dark)" srcset="https://sindresorhus.com/assets/thanks/transloadit-logo-dark.svg">
<source width="340" media="(prefers-color-scheme: light)" srcset="https://sindresorhus.com/assets/thanks/transloadit-logo.svg">
<img width="340" src="https://sindresorhus.com/assets/thanks/transloadit-logo.svg" alt="Transloadit logo">
</picture>
</a>
<br>
<br>
<br>
</p>
<hr>
<br>
<br>
<br>
<br>
</div>
<p align="center">
<a href="awesome.md">What is an awesome list?</a>&nbsp;&nbsp;&nbsp;
<a href="contributing.md">Contribution guide</a>&nbsp;&nbsp;&nbsp;
<a href="create-list.md">Creating a list</a>&nbsp;&nbsp;&nbsp;
<a href="https://twitter.com/awesome__re">Twitter</a>&nbsp;&nbsp;&nbsp;
</p>
<br>
<br>
<p align="center">
Just type <a href="https://awesome.re"><code>awesome.re</code></a> to go here. Check out my <a href="https://sindresorhus.com/apps">apps</a> and follow me on <a href="https://twitter.com/sindresorhus">Twitter</a>.
</p>
<br>
<br>
## Contents
- [Platforms](#platforms)
- [Programming Languages](#programming-languages)
- [Front-End Development](#front-end-development)
- [Back-End Development](#back-end-development)
- [Computer Science](#computer-science)
- [Big Data](#big-data)
- [Theory](#theory)
- [Books](#books)
- [Editors](#editors)
- [Gaming](#gaming)
- [Development Environment](#development-environment)
- [Entertainment](#entertainment)
- [Databases](#databases)
- [Media](#media)
- [Learn](#learn)
- [Security](#security)
- [Content Management Systems](#content-management-systems)
- [Hardware](#hardware)
- [Business](#business)
- [Work](#work)
- [Networking](#networking)
- [Decentralized Systems](#decentralized-systems)
- [Health and Social Science](#health-and-social-science)
- [Events](#events)
- [Testing](#testing)
- [Miscellaneous](#miscellaneous)
- [Related](#related)
---
<br>
<br>
<a href="https://vshymanskyy.github.io/StandWithUkraine">
<img src="https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/banner2-direct.svg">
</a>
<br>
<br>
---
## Platforms
- [Node.js](https://github.com/sindresorhus/awesome-nodejs#readme) - Async non-blocking event-driven JavaScript runtime built on Chrome's V8 JavaScript engine.
- [Cross-Platform](https://github.com/bcoe/awesome-cross-platform-nodejs#readme) - Writing cross-platform code on Node.js.
- [Frontend Development](https://github.com/dypsilon/frontend-dev-bookmarks#readme)
- [iOS](https://github.com/vsouza/awesome-ios#readme) - Mobile operating system for Apple phones and tablets.
- [Android](https://github.com/JStumpp/awesome-android#readme) - Mobile operating system developed by Google.
- [IoT & Hybrid Apps](https://github.com/weblancaster/awesome-IoT-hybrid#readme)
- [Electron](https://github.com/sindresorhus/awesome-electron#readme) - Cross-platform native desktop apps using JavaScript/HTML/CSS.
- [Cordova](https://github.com/busterc/awesome-cordova#readme) - JavaScript API for hybrid apps.
- [React Native](https://github.com/jondot/awesome-react-native#readme) - JavaScript framework for writing natively rendering mobile apps for iOS and Android.
- [Xamarin](https://github.com/XamSome/awesome-xamarin#readme) - Mobile app development IDE, testing, and distribution.
- [Linux](https://github.com/inputsh/awesome-linux#readme)
- [Containers](https://github.com/Friz-zy/awesome-linux-containers#readme)
- [eBPF](https://github.com/zoidbergwill/awesome-ebpf#readme) - Virtual machine that allows you to write more efficient and powerful tracing and monitoring for Linux systems.
- [Arch-based Projects](https://github.com/PandaFoss/Awesome-Arch#readme) - Linux distributions and projects based on Arch Linux.
- [AppImage](https://github.com/AppImage/awesome-appimage#readme) - Package apps in a single file that works on various mainstream Linux distributions.
- macOS - Operating system for Apple's Mac computers.
- [Screensavers](https://github.com/agarrharr/awesome-macos-screensavers#readme)
- [Apps](https://github.com/jaywcjlove/awesome-mac#readme)
- [Open Source Apps](https://github.com/serhii-londar/open-source-mac-os-apps#readme)
- [watchOS](https://github.com/yenchenlin/awesome-watchos#readme) - Operating system for the Apple Watch.
- [JVM](https://github.com/deephacks/awesome-jvm#readme)
- [Salesforce](https://github.com/mailtoharshit/awesome-salesforce#readme)
- [Amazon Web Services](https://github.com/donnemartin/awesome-aws#readme)
- [Windows](https://github.com/Awesome-Windows/Awesome#readme)
- [IPFS](https://github.com/ipfs/awesome-ipfs#readme) - P2P hypermedia protocol.
- [Fuse](https://github.com/fuse-compound/awesome-fuse#readme) - Mobile development tools.
- [Heroku](https://github.com/ianstormtaylor/awesome-heroku#readme) - Cloud platform as a service.
- [Raspberry Pi](https://github.com/thibmaek/awesome-raspberry-pi#readme) - Credit card-sized computer aimed at teaching kids programming, but capable of a lot more.
- [Qt](https://github.com/JesseTG/awesome-qt#readme) - Cross-platform GUI app framework.
- [WebExtensions](https://github.com/fregante/Awesome-WebExtensions#readme) - Cross-browser extension system.
- [Smart TV](https://github.com/vitalets/awesome-smart-tv#readme) - Create apps for different TV platforms.
- [GNOME](https://github.com/Kazhnuz/awesome-gnome#readme) - Simple and distraction-free desktop environment for Linux.
- [KDE](https://github.com/francoism90/awesome-kde#readme) - A free software community dedicated to creating an open and user-friendly computing experience.
- [.NET](https://github.com/quozd/awesome-dotnet#readme)
- [Core](https://github.com/thangchung/awesome-dotnet-core#readme)
- [Roslyn](https://github.com/ironcev/awesome-roslyn#readme) - Open-source compilers and code analysis APIs for C# and VB.NET languages.
- [Amazon Alexa](https://github.com/miguelmota/awesome-amazon-alexa#readme) - Virtual home assistant.
- [DigitalOcean](https://github.com/jonleibowitz/awesome-digitalocean#readme) - Cloud computing platform designed for developers.
- [Flutter](https://github.com/Solido/awesome-flutter#readme) - Google's mobile SDK for building native iOS and Android apps from a single codebase written in Dart.
- [Home Assistant](https://github.com/frenck/awesome-home-assistant#readme) - Open source home automation that puts local control and privacy first.
- [IBM Cloud](https://github.com/victorshinya/awesome-ibmcloud#readme) - Cloud platform for developers and companies.
- [Firebase](https://github.com/jthegedus/awesome-firebase#readme) - App development platform built on Google Cloud Platform.
- [Robot Operating System 2.0](https://github.com/fkromer/awesome-ros2#readme) - Set of software libraries and tools that help you build robot apps.
- [Adafruit IO](https://github.com/adafruit/awesome-adafruitio#readme) - Visualize and store data from any device.
- [Cloudflare](https://github.com/irazasyed/awesome-cloudflare#readme) - CDN, DNS, DDoS protection, and security for your site.
- [Actions on Google](https://github.com/ravirupareliya/awesome-actions-on-google#readme) - Developer platform for Google Assistant.
- [ESP](https://github.com/agucova/awesome-esp#readme) - Low-cost microcontrollers with WiFi and broad IoT applications.
- [Deno](https://github.com/denolib/awesome-deno#readme) - A secure runtime for JavaScript and TypeScript that uses V8 and is built in Rust.
- [DOS](https://github.com/balintkissdev/awesome-dos#readme) - Operating system for x86-based personal computers that was popular during the 1980s and early 1990s.
- [Nix](https://github.com/nix-community/awesome-nix#readme) - Package manager for Linux and other Unix systems that makes package management reliable and reproducible.
- [Integration](https://github.com/stn1slv/awesome-integration#readme) - Linking together different IT systems (components) to functionally cooperate as a whole.
- [Node-RED](https://github.com/naimo84/awesome-nodered#readme) - A programming tool for wiring together hardware devices, APIs, and online services.
- [Low Code](https://github.com/zenitysec/awesome-low-code#readme) - Allowing business professionals to address their needs on their own with little to no coding skills.
- [Capacitor](https://github.com/riderx/awesome-capacitor#readme) - Cross-platform open source runtime for building Web Native apps.
- [ArcGIS Developer](https://github.com/Esri/awesome-arcgis-developer#readme) - Mapping and location analysis platform for developers.
- [Bluetooth Low Energy](https://github.com/dotintent/awesome-ble#readme) - Low-power wireless communication protocol ideal for IoT, wearables, and other battery-powered applications.
- [Uno Platform](https://github.com/MartinZikmund/awesome-uno-platform#readme) - Open-source .NET UI platform for building cross-platform apps.
## Programming Languages
- [JavaScript](https://github.com/sorrycc/awesome-javascript#readme)
- [Promises](https://github.com/wbinnssmith/awesome-promises#readme)
- [Standard Style](https://github.com/standard/awesome-standard#readme) - Style guide and linter.
- [Must Watch Talks](https://github.com/bolshchikov/js-must-watch#readme)
- [Tips](https://github.com/loverajoel/jstips#readme)
- [Network Layer](https://github.com/Kikobeats/awesome-network-js#readme)
- [Micro npm Packages](https://github.com/parro-it/awesome-micro-npm-packages#readme)
- [Mad Science npm Packages](https://github.com/feross/awesome-mad-science#readme) - Impossible sounding projects that exist.
- [Maintenance Modules](https://github.com/maxogden/maintenance-modules#readme) - For npm packages.
- [npm](https://github.com/sindresorhus/awesome-npm#readme) - Package manager.
- [AVA](https://github.com/avajs/awesome-ava#readme) - Test runner.
- [ESLint](https://github.com/dustinspecker/awesome-eslint#readme) - Linter.
- [Functional Programming](https://github.com/stoeffel/awesome-fp-js#readme)
- [Observables](https://github.com/sindresorhus/awesome-observables#readme)
- [npm scripts](https://github.com/RyanZim/awesome-npm-scripts#readme) - Task runner.
- [30 Seconds of Code](https://github.com/30-seconds/30-seconds-of-code#readme) - Code snippets you can understand in 30 seconds.
- [Ponyfills](https://github.com/Richienb/awesome-ponyfills#readme) - Like polyfills but without overriding native APIs.
- [Swift](https://github.com/matteocrippa/awesome-swift#readme) - Apple's compiled programming language that is secure, modern, programmer-friendly, and fast.
- [Education](https://github.com/hsavit1/Awesome-Swift-Education#readme)
- [Playgrounds](https://github.com/uraimo/Awesome-Swift-Playgrounds#readme)
- [Python](https://github.com/vinta/awesome-python#readme) - General-purpose programming language designed for readability.
- [Asyncio](https://github.com/timofurrer/awesome-asyncio#readme) - Asynchronous I/O in Python 3.
- [Scientific Audio](https://github.com/faroit/awesome-python-scientific-audio#readme) - Scientific research in audio/music.
- [CircuitPython](https://github.com/adafruit/awesome-circuitpython#readme) - A version of Python for microcontrollers.
- [Data Science](https://github.com/krzjoa/awesome-python-data-science#readme) - Data analysis and machine learning.
- [Typing](https://github.com/typeddjango/awesome-python-typing#readme) - Optional static typing for Python.
- [MicroPython](https://github.com/mcauser/awesome-micropython#readme) - A lean and efficient implementation of Python 3 for microcontrollers.
- [Rust](https://github.com/rust-unofficial/awesome-rust#readme)
- [Pest](https://github.com/pest-parser/awesome-pest#readme) - Parser generator.
- [Haskell](https://github.com/krispo/awesome-haskell#readme)
- [PureScript](https://github.com/passy/awesome-purescript#readme)
- [Go](https://github.com/avelino/awesome-go#readme)
- [Scala](https://github.com/lauris/awesome-scala#readme)
- [Scala Native](https://github.com/tindzk/awesome-scala-native#readme) - Optimizing ahead-of-time compiler for Scala based on LLVM.
- [Ruby](https://github.com/markets/awesome-ruby#readme)
- [Clojure](https://github.com/razum2um/awesome-clojure#readme)
- [ClojureScript](https://github.com/hantuzun/awesome-clojurescript#readme)
- [Elixir](https://github.com/h4cc/awesome-elixir#readme)
- [Elm](https://github.com/sporto/awesome-elm#readme)
- [Erlang](https://github.com/drobakowski/awesome-erlang#readme)
- [Julia](https://github.com/svaksha/Julia.jl#readme) - High-level dynamic programming language designed to address the needs of high-performance numerical analysis and computational science.
- [Lua](https://github.com/LewisJEllis/awesome-lua#readme)
- [C](https://github.com/inputsh/awesome-c#readme)
- [C/C++](https://github.com/fffaraz/awesome-cpp#readme) - General-purpose language with a bias toward system programming and embedded, resource-constrained software.
- [R](https://github.com/qinwf/awesome-R#readme) - Functional programming language and environment for statistical computing and graphics.
- [Learning](https://github.com/iamericfletcher/awesome-r-learning-resources#readme)
- [D](https://github.com/dlang-community/awesome-d#readme)
- [Common Lisp](https://github.com/CodyReichert/awesome-cl#readme) - Powerful dynamic multiparadigm language that facilitates iterative and interactive development.
- [Learning](https://github.com/GustavBertram/awesome-common-lisp-learning#readme)
- [Perl](https://github.com/hachiojipm/awesome-perl#readme)
- [Groovy](https://github.com/kdabir/awesome-groovy#readme)
- [Dart](https://github.com/yissachar/awesome-dart#readme)
- [Java](https://github.com/akullpp/awesome-java#readme) - Popular secure object-oriented language designed for flexibility to "write once, run anywhere".
- [RxJava](https://github.com/eleventigers/awesome-rxjava#readme)
- [Kotlin](https://github.com/KotlinBy/awesome-kotlin#readme)
- [OCaml](https://github.com/ocaml-community/awesome-ocaml#readme)
- [ColdFusion](https://github.com/seancoyne/awesome-coldfusion#readme)
- [Fortran](https://github.com/rabbiabram/awesome-fortran#readme)
- [PHP](https://github.com/ziadoz/awesome-php#readme) - Server-side scripting language.
- [Composer](https://github.com/jakoch/awesome-composer#readme) - Package manager.
- [Pascal](https://github.com/Fr0sT-Brutal/awesome-pascal#readme)
- [AutoHotkey](https://github.com/ahkscript/awesome-AutoHotkey#readme)
- [AutoIt](https://github.com/J2TeaM/awesome-AutoIt#readme)
- [Crystal](https://github.com/veelenga/awesome-crystal#readme)
- [Frege](https://github.com/sfischer13/awesome-frege#readme) - Haskell for the JVM.
- [CMake](https://github.com/onqtam/awesome-cmake#readme) - Build, test, and package software.
- [ActionScript 3](https://github.com/robinrodricks/awesome-actionscript3#readme) - Object-oriented language targeting Adobe AIR.
- [Eta](https://github.com/sfischer13/awesome-eta#readme) - Functional programming language for the JVM.
- [Idris](https://github.com/joaomilho/awesome-idris#readme) - General purpose pure functional programming language with dependent types influenced by Haskell and ML.
- [Ada/SPARK](https://github.com/ohenley/awesome-ada#readme) - Modern programming language designed for large, long-lived apps where reliability and efficiency are essential.
- [Q#](https://github.com/ebraminio/awesome-qsharp#readme) - Domain-specific programming language used for expressing quantum algorithms.
- [Imba](https://github.com/koolamusic/awesome-imba#readme) - Programming language inspired by Ruby and Python and compiles to performant JavaScript.
- [Vala](https://github.com/desiderantes/awesome-vala#readme) - Programming language designed to take full advantage of the GLib and GNOME ecosystems, while preserving the speed of C code.
- [Coq](https://github.com/coq-community/awesome-coq#readme) - Formal language and environment for programming and specification which facilitates interactive development of machine-checked proofs.
- [V](https://github.com/vlang/awesome-v#readme) - Simple, fast, safe, compiled language for developing maintainable software.
- [Zig](https://github.com/catdevnull/awesome-zig#readme) - General-purpose programming language and toolchain for maintaining robust, optimal, and reusable software.
- [Move](https://github.com/MystenLabs/awesome-move#readme) - Domain-specific programming language for writing safe smart contracts.
- [Esolangs](https://github.com/angrykoala/awesome-esolangs#readme) - Programming languages designed for experimentation or as jokes rather than actual use.
## Front-End Development
- [ES6 Tools](https://github.com/addyosmani/es6-tools#readme)
- [Web Performance Optimization](https://github.com/davidsonfellipe/awesome-wpo#readme)
- [Web Tools](https://github.com/lvwzhen/tools#readme)
- [CSS](https://github.com/awesome-css-group/awesome-css#readme) - Style sheet language that specifies how HTML elements are displayed on screen.
- [Critical-Path Tools](https://github.com/addyosmani/critical-path-css-tools#readme)
- [Scalability](https://github.com/davidtheclark/scalable-css-reading-list#readme)
- [Must-Watch Talks](https://github.com/AllThingsSmitty/must-watch-css#readme)
- [Protips](https://github.com/AllThingsSmitty/css-protips#readme)
- [Frameworks](https://github.com/troxler/awesome-css-frameworks#readme)
- [React](https://github.com/enaqx/awesome-react#readme) - JavaScript library for building user interfaces.
- [Relay](https://github.com/expede/awesome-relay#readme) - Framework for building data-driven React apps.
- [React Hooks](https://github.com/glauberfc/awesome-react-hooks#readme) - Lets you use state and other React features without writing a class.
- [Web Components](https://github.com/web-padawan/awesome-web-components#readme)
- [Polymer](https://github.com/Granze/awesome-polymer#readme) - JavaScript library to develop Web Components.
- [Angular](https://github.com/PatrickJS/awesome-angular#readme) - App framework.
- [Backbone](https://github.com/sadcitizen/awesome-backbone#readme) - App framework.
- [HTML5](https://github.com/diegocard/awesome-html5#readme) - Markup language used for websites & web apps.
- [SVG](https://github.com/willianjusten/awesome-svg#readme) - XML-based vector image format.
- [Canvas](https://github.com/raphamorim/awesome-canvas#readme)
- [KnockoutJS](https://github.com/dnbard/awesome-knockout#readme) - JavaScript library.
- [Dojo Toolkit](https://github.com/petk/awesome-dojo#readme) - JavaScript toolkit.
- [Inspiration](https://github.com/NoahBuscher/Inspire#readme)
- [Ember](https://github.com/ember-community-russia/awesome-ember#readme) - App framework.
- [Android UI](https://github.com/wasabeef/awesome-android-ui#readme)
- [iOS UI](https://github.com/cjwirth/awesome-ios-ui#readme)
- [Meteor](https://github.com/Urigo/awesome-meteor#readme)
- [BEM](https://github.com/sturobson/BEM-resources#readme)
- [Flexbox](https://github.com/afonsopacifer/awesome-flexbox#readme)
- [Web Typography](https://github.com/deanhume/typography#readme)
- [Web Accessibility](https://github.com/brunopulis/awesome-a11y#readme)
- [Material Design](https://github.com/sachin1092/awesome-material#readme)
- [D3](https://github.com/wbkd/awesome-d3#readme) - Library for producing dynamic, interactive data visualizations.
- [Emails](https://github.com/jonathandion/awesome-emails#readme)
- [jQuery](https://github.com/petk/awesome-jquery#readme) - Easy to use JavaScript library for DOM manipulation.
- [Tips](https://github.com/AllThingsSmitty/jquery-tips-everyone-should-know#readme)
- [Web Audio](https://github.com/notthetup/awesome-webaudio#readme)
- [Offline-First](https://github.com/pazguille/offline-first#readme)
- [Static Website Services](https://github.com/agarrharr/awesome-static-website-services#readme)
- [Cycle.js](https://github.com/cyclejs-community/awesome-cyclejs#readme) - Functional and reactive JavaScript framework.
- [Text Editing](https://github.com/dok/awesome-text-editing#readme)
- [Motion UI Design](https://github.com/fliptheweb/motion-ui-design#readme)
- [Vue.js](https://github.com/vuejs/awesome-vue#readme) - App framework.
- [Marionette.js](https://github.com/sadcitizen/awesome-marionette#readme) - App framework.
- [Aurelia](https://github.com/aurelia-contrib/awesome-aurelia#readme) - App framework.
- [Charting](https://github.com/zingchart/awesome-charting#readme)
- [Ionic Framework 2](https://github.com/candelibas/awesome-ionic#readme)
- [Chrome DevTools](https://github.com/ChromeDevTools/awesome-chrome-devtools#readme)
- [PostCSS](https://github.com/jdrgomes/awesome-postcss#readme) - CSS tool.
- [Draft.js](https://github.com/nikgraf/awesome-draft-js#readme) - Rich text editor framework for React.
- [Service Workers](https://github.com/TalAter/awesome-service-workers#readme)
- [Progressive Web Apps](https://github.com/TalAter/awesome-progressive-web-apps#readme)
- [choo](https://github.com/choojs/awesome-choo#readme) - App framework.
- [Redux](https://github.com/brillout/awesome-redux#readme) - State container for JavaScript apps.
- [Browserify](https://github.com/browserify/awesome-browserify#readme) - Module bundler.
- [Sass](https://github.com/Famolus/awesome-sass#readme) - CSS preprocessor.
- [Ant Design](https://github.com/websemantics/awesome-ant-design#readme) - Enterprise-class UI design language.
- [Less](https://github.com/LucasBassetti/awesome-less#readme) - CSS preprocessor.
- [WebGL](https://github.com/sjfricke/awesome-webgl#readme) - JavaScript API for rendering 3D graphics.
- [Preact](https://github.com/preactjs/awesome-preact#readme) - App framework.
- [Progressive Enhancement](https://github.com/jbmoelker/progressive-enhancement-resources#readme)
- [Next.js](https://github.com/unicodeveloper/awesome-nextjs#readme) - Framework for server-rendered React apps.
- [lit](https://github.com/web-padawan/awesome-lit#readme) - Library for building web components with a declarative template system.
- [JAMstack](https://github.com/automata/awesome-jamstack#readme) - Modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt markup.
- [WordPress-Gatsby](https://github.com/henrikwirth/awesome-wordpress-gatsby#readme) - Web development technology stack with WordPress as a back end and Gatsby as a front end.
- [Mobile Web Development](https://github.com/myshov/awesome-mobile-web-development#readme) - Creating a great mobile web experience.
- [Storybook](https://github.com/lauthieb/awesome-storybook#readme) - Development environment for UI components.
- [Blazor](https://github.com/AdrienTorris/awesome-blazor#readme) - .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
- [PageSpeed Metrics](https://github.com/csabapalfi/awesome-pagespeed-metrics#readme) - Metrics to help understand page speed and user experience.
- [Tailwind CSS](https://github.com/aniftyco/awesome-tailwindcss#readme) - Utility-first CSS framework for rapid UI development.
- [Seed](https://github.com/seed-rs/awesome-seed-rs#readme) - Rust framework for creating web apps running in WebAssembly.
- [Web Performance Budget](https://github.com/pajaydev/awesome-web-performance-budget#readme) - Techniques to ensure certain performance metrics for a website.
- [Web Animation](https://github.com/sergey-pimenov/awesome-web-animation#readme) - Animations in the browser with JavaScript, CSS, SVG, etc.
- [Yew](https://github.com/jetli/awesome-yew#readme) - Rust framework inspired by Elm and React for creating multi-threaded frontend web apps with WebAssembly.
- [Material-UI](https://github.com/nadunindunil/awesome-material-ui#readme) - Material Design React components for faster and easier web development.
- [Building Blocks for Web Apps](https://github.com/componently-com/awesome-building-blocks-for-web-apps#readme) - Standalone features to be integrated into web apps.
- [Svelte](https://github.com/TheComputerM/awesome-svelte#readme) - App framework.
- [Design systems](https://github.com/klaufel/awesome-design-systems#readme) - Collection of reusable components, guided by rules that ensure consistency and speed.
- [Inertia.js](https://github.com/innocenzi/awesome-inertiajs#readme) - Make single-page apps without building an API.
- [MDBootstrap](https://github.com/mdbootstrap/awesome-mdbootstrap#readme) - Templates, layouts, components, and widgets to rapidly build websites.
- [Master CSS](https://github.com/master-co/awesome-master-css#readme) - A virtual CSS language with enhanced syntax.
- [Hydrogen](https://github.com/shopify/awesome-hydrogen#readme) - Edge-first framework for building Shopify storefronts with React.
- [Tiny JS](https://github.com/thoughtspile/awesome-tiny-js#readme) - Frontend libraries that fit into 2 kB with dependencies.
- [Frontend GIS](https://github.com/joewdavies/awesome-frontend-gis#readme) - Geographic Information Systems (GIS) for web browsers.
## Back-End Development
- [Flask](https://github.com/mjhea0/awesome-flask#readme) - Python framework.
- [Docker](https://github.com/veggiemonk/awesome-docker#readme)
- [Vagrant](https://github.com/iJackUA/awesome-vagrant#readme) - Automation virtual machine environment.
- [Pyramid](https://github.com/uralbash/awesome-pyramid#readme) - Python framework.
- [Play1 Framework](https://github.com/PerfectCarl/awesome-play1#readme)
- [CakePHP](https://github.com/friendsofcake/awesome-cakephp#readme) - PHP framework.
- [Symfony](https://github.com/sitepoint-editors/awesome-symfony#readme) - PHP framework.
- [Education](https://github.com/pehapkari/awesome-symfony-education#readme)
- [Laravel](https://github.com/chiraggude/awesome-laravel#readme) - PHP framework.
- [Education](https://github.com/fukuball/Awesome-Laravel-Education#readme)
- [TALL Stack](https://github.com/livewire/awesome-tall-stack#readme) - Full-stack development solution featuring libraries built by the Laravel community.
- [Rails](https://github.com/gramantin/awesome-rails#readme) - Web app framework for Ruby.
- [Gems](https://github.com/hothero/awesome-rails-gem#readme) - Packages.
- [Phalcon](https://github.com/phalcon/awesome-phalcon#readme) - PHP framework.
- [Useful `.htaccess` Snippets](https://github.com/phanan/htaccess#readme)
- [nginx](https://github.com/fcambus/nginx-resources#readme) - Web server.
- [Dropwizard](https://github.com/stve/awesome-dropwizard#readme) - Java framework.
- [Kubernetes](https://github.com/ramitsurana/awesome-kubernetes#readme) - Open-source platform that automates Linux container operations.
- [Lumen](https://github.com/unicodeveloper/awesome-lumen#readme) - PHP micro-framework.
- [Serverless Framework](https://github.com/pmuens/awesome-serverless#readme) - Serverless computing and serverless architectures.
- [Apache Wicket](https://github.com/PhantomYdn/awesome-wicket#readme) - Java web app framework.
- [Vert.x](https://github.com/vert-x3/vertx-awesome#readme) - Toolkit for building reactive apps on the JVM.
- [Terraform](https://github.com/shuaibiyy/awesome-terraform#readme) - Tool for building, changing, and versioning infrastructure.
- [Vapor](https://github.com/vapor-community/awesome-vapor#readme) - Server-side development in Swift.
- [Dash](https://github.com/ucg8j/awesome-dash#readme) - Python web app framework.
- [FastAPI](https://github.com/mjhea0/awesome-fastapi#readme) - Python web app framework.
- [CDK](https://github.com/kolomied/awesome-cdk#readme) - Open-source software development framework for defining cloud infrastructure in code.
- [IAM](https://github.com/kdeldycke/awesome-iam#readme) - User accounts, authentication and authorization.
- [Slim](https://github.com/nekofar/awesome-slim#readme) - PHP framework.
- [Fiber](https://github.com/gofiber/awesome-fiber#readme) - Web framework built on top of Fasthttp, the fastest HTTP engine for Go.
- [Kustomize](https://github.com/DevOpsHiveHQ/awesome-kustomize#readme) - Kubernetes native declarative configuration management tool.
## Computer Science
- [University Courses](https://github.com/prakhar1989/awesome-courses#readme)
- [Data Science](https://github.com/academic/awesome-datascience#readme)
- [Tutorials](https://github.com/siboehm/awesome-learn-datascience#readme)
- [Machine Learning](https://github.com/josephmisiti/awesome-machine-learning#readme)
- [Tutorials](https://github.com/ujjwalkarn/Machine-Learning-Tutorials#readme)
- [ML with Ruby](https://github.com/arbox/machine-learning-with-ruby#readme) - Learning, implementing, and applying Machine Learning using Ruby.
- [Core ML Models](https://github.com/likedan/Awesome-CoreML-Models#readme) - Models for Apple's machine learning framework.
- [H2O](https://github.com/h2oai/awesome-h2o#readme) - Open source distributed machine learning platform written in Java with APIs in R, Python, and Scala.
- [Software Engineering for Machine Learning](https://github.com/SE-ML/awesome-seml#readme) - From experiment to production-level machine learning.
- [AI in Finance](https://github.com/georgezouq/awesome-ai-in-finance#readme) - Solving problems in finance with machine learning.
- [JAX](https://github.com/n2cholas/awesome-jax#readme) - Automatic differentiation and XLA compilation brought together for high-performance machine learning research.
- [XAI](https://github.com/altamiracorp/awesome-xai#readme) - Providing insight, explanations, and interpretability to machine learning methods.
- [Speech and Natural Language Processing](https://github.com/edobashira/speech-language-processing#readme)
- [Spanish](https://github.com/dav009/awesome-spanish-nlp#readme)
- [NLP with Ruby](https://github.com/arbox/nlp-with-ruby#readme)
- [Question Answering](https://github.com/seriousran/awesome-qa#readme) - The science of asking and answering in natural language with a machine.
- [Natural Language Generation](https://github.com/accelerated-text/awesome-nlg#readme) - Generation of text used in data to text, conversational agents, and narrative generation applications.
- [Linguistics](https://github.com/theimpossibleastronaut/awesome-linguistics#readme)
- [Cryptography](https://github.com/sobolevn/awesome-cryptography#readme)
- [Papers](https://github.com/pFarb/awesome-crypto-papers#readme) - Theory basics for using cryptography by non-cryptographers.
- [Computer Vision](https://github.com/jbhuang0604/awesome-computer-vision#readme)
- [Deep Learning](https://github.com/ChristosChristofidis/awesome-deep-learning#readme) - Neural networks.
- [TensorFlow](https://github.com/jtoy/awesome-tensorflow#readme) - Library for machine intelligence.
- [TensorFlow.js](https://github.com/aaronhma/awesome-tensorflow-js#readme) - WebGL-accelerated machine learning JavaScript library for training and deploying models.
- [TensorFlow Lite](https://github.com/margaretmz/awesome-tensorflow-lite#readme) - Framework that optimizes TensorFlow models for on-device machine learning.
- [Papers](https://github.com/terryum/awesome-deep-learning-papers#readme) - The most cited deep learning papers.
- [Education](https://github.com/guillaume-chevalier/awesome-deep-learning-resources#readme)
- [Deep Vision](https://github.com/kjw0612/awesome-deep-vision#readme)
- [Open Source Society University](https://github.com/ossu/computer-science#readme)
- [Functional Programming](https://github.com/lucasviola/awesome-functional-programming#readme)
- [Empirical Software Engineering](https://github.com/dspinellis/awesome-msr#readme) - Evidence-based research on software systems.
- [Static Analysis & Code Quality](https://github.com/analysis-tools-dev/static-analysis#readme)
- [Information Retrieval](https://github.com/harpribot/awesome-information-retrieval#readme) - Learn to develop your own search engine.
- [Quantum Computing](https://github.com/desireevl/awesome-quantum-computing#readme) - Computing which utilizes quantum mechanics and qubits on quantum computers.
- [Theoretical Computer Science](https://github.com/mostafatouny/awesome-theoretical-computer-science#readme) - The interplay of computer science and pure mathematics, distinguished by its emphasis on mathematical rigour and technique.
- [Conversational AI](https://github.com/jyguyomarch/awesome-conversational-ai#readme) - Build awesome chatbots and digital assistants.
- [Generative AI](https://github.com/steven2358/awesome-generative-ai#readme) - Automatically generate a wide range of unique content in text, image and audio format.
## Big Data
- [Big Data](https://github.com/0xnr/awesome-bigdata#readme)
- [Public Datasets](https://github.com/awesomedata/awesome-public-datasets#readme)
- [Hadoop](https://github.com/youngwookim/awesome-hadoop#readme) - Framework for distributed storage and processing of very large data sets.
- [Data Engineering](https://github.com/igorbarinov/awesome-data-engineering#readme)
- [Streaming](https://github.com/manuzhang/awesome-streaming#readme)
- [Apache Spark](https://github.com/awesome-spark/awesome-spark#readme) - Unified engine for large-scale data processing.
- [Qlik](https://github.com/ambster-public/awesome-qlik#readme) - Business intelligence platform for data visualization, analytics, and reporting apps.
- [Splunk](https://github.com/sduff/awesome-splunk#readme) - Platform for searching, monitoring, and analyzing structured and unstructured machine-generated big data in real-time.
## Theory
- [Papers We Love](https://github.com/papers-we-love/papers-we-love#readme)
- [Talks](https://github.com/JanVanRyswyck/awesome-talks#readme)
- [Algorithms](https://github.com/tayllan/awesome-algorithms#readme)
- [Education](https://github.com/gaerae/awesome-algorithms-education#readme) - Learning and practicing.
- [Algorithm Visualizations](https://github.com/enjalot/algovis#readme)
- [Artificial Intelligence](https://github.com/owainlewis/awesome-artificial-intelligence#readme)
- [Search Engine Optimization](https://github.com/marcobiedermann/search-engine-optimization#readme)
- [Competitive Programming](https://github.com/lnishan/awesome-competitive-programming#readme)
- [Math](https://github.com/rossant/awesome-math#readme)
- [Recursion Schemes](https://github.com/passy/awesome-recursion-schemes#readme) - Traversing nested data structures.
- [Audit Algorithms](https://github.com/erwanlemerrer/awesome-audit-algorithms#readme) - Algorithmic audits of algorithms.
- [AGI & CoCoSci](https://github.com/YuzheSHI/awesome-agi-cocosci#readme) - The reciprocation of Artificial General Intelligence (AGI) and Computational Cognitive Sciences (CoCoSci).
- [Complex Systems](https://github.com/sellisd/awesome-complexity#readme) - The scientific field studying systems with multiple interacting parts and emergent properties.
## Books
- [Free Programming Books](https://github.com/EbookFoundation/free-programming-books#readme)
- [Go Books](https://github.com/dariubs/GoBooks#readme)
- [R Books](https://github.com/RomanTsegelskyi/rbooks#readme)
- [Mind Expanding Books](https://github.com/hackerkid/Mind-Expanding-Books#readme)
- [Book Authoring](https://github.com/TalAter/awesome-book-authoring#readme)
- [Elixir Books](https://github.com/sger/ElixirBooks#readme)
## Editors
- [Sublime Text](https://github.com/dreikanter/sublime-bookmarks#readme)
- [Vim](https://github.com/mhinz/vim-galore#readme)
- [Neovim](https://github.com/rockerBOO/awesome-neovim#readme) - Vim-fork focused on extensibility and usability.
- [Emacs](https://github.com/emacs-tw/awesome-emacs#readme)
- [Atom](https://github.com/mehcode/awesome-atom#readme) - Open-source and hackable text editor.
- [Visual Studio Code](https://github.com/viatsko/awesome-vscode#readme) - Cross-platform open-source text editor.
## Gaming
- [Game Development](https://github.com/ellisonleao/magictools#readme)
- [Game Talks](https://github.com/hzoo/awesome-gametalks#readme)
- [Godot](https://github.com/godotengine/awesome-godot#readme) - Game engine.
- [Open Source Games](https://github.com/michelpereira/awesome-open-source-games#readme)
- [Unity](https://github.com/RyanNielson/awesome-unity#readme) - Game engine.
- [Chess](https://github.com/hkirat/awesome-chess#readme)
- [LÖVE](https://github.com/love2d-community/awesome-love2d#readme) - Game engine.
- [PICO-8](https://github.com/pico-8/awesome-PICO-8#readme) - Fantasy console.
- [Game Boy Development](https://github.com/gbdev/awesome-gbdev#readme)
- [Construct 2](https://github.com/ConstructCommunity/awesome-construct#readme) - Game engine.
- [Gideros](https://github.com/stetso/awesome-gideros#readme) - Game engine.
- [Minecraft](https://github.com/bs-community/awesome-minecraft#readme) - Sandbox video game.
- [ComputerCraft](https://github.com/tomodachi94/awesome-computercraft#readme) - Minecraft mod that adds programmable computers.
- [Game Datasets](https://github.com/leomaurodesenv/game-datasets#readme) - Materials and datasets for Artificial Intelligence in games.
- [Haxe Game Development](https://github.com/Dvergar/awesome-haxe-gamedev#readme) - A high-level strongly typed programming language used to produce cross-platform native code.
- [libGDX](https://github.com/rafaskb/awesome-libgdx#readme) - Java game framework.
- [PlayCanvas](https://github.com/playcanvas/awesome-playcanvas#readme) - Game engine.
- [Game Remakes](https://github.com/radek-sprta/awesome-game-remakes#readme) - Actively maintained open-source game remakes.
- [Flame](https://github.com/flame-engine/awesome-flame#readme) - Game engine for Flutter.
- [Discord Communities](https://github.com/mhxion/awesome-discord-communities#readme) - Chat with friends and communities.
- [CHIP-8](https://github.com/tobiasvl/awesome-chip-8#readme) - Virtual computer game machine from the 70s.
- [Games of Coding](https://github.com/michelpereira/awesome-games-of-coding#readme) - Learn a programming language by making games.
- [Esports](https://github.com/strift/awesome-esports#readme) - Video games played as a sport.
- [Learn Gamedev](https://github.com/notpresident35/awesome-learn-gamedev#readme) - The craft of video game creation.
- [Game Engine Development](https://github.com/stevinz/awesome-game-engine-dev#readme) - Building software to speed up game creation.
- [GameMaker](https://github.com/bytecauldron/awesome-gamemaker#readme) - Game engine.
- [Game Production](https://github.com/vhladiienko/awesome-game-production#readme) - Leading the process of designing, developing, testing and distributing a video game from concept to release.
## Development Environment
- [Quick Look Plugins](https://github.com/sindresorhus/quick-look-plugins#readme) - For macOS.
- [Dev Env](https://github.com/jondot/awesome-devenv#readme)
- [Dotfiles](https://github.com/webpro/awesome-dotfiles#readme)
- [Shell](https://github.com/alebcay/awesome-shell#readme)
- [Fish](https://github.com/jorgebucaran/awsm.fish#readme) - User-friendly shell.
- [Command-Line Apps](https://github.com/agarrharr/awesome-cli-apps#readme)
- [ZSH Plugins](https://github.com/unixorn/awesome-zsh-plugins#readme)
- [GitHub](https://github.com/phillipadsmith/awesome-github#readme) - Hosting service for Git repositories.
- [Browser Extensions](https://github.com/stefanbuck/awesome-browser-extensions-for-github#readme)
- [Cheat Sheet](https://github.com/tiimgreen/github-cheat-sheet#readme)
- [Pinned Gists](https://github.com/matchai/awesome-pinned-gists#readme) - Dynamic pinned gists for your GitHub profile.
- [Git Cheat Sheet & Git Flow](https://github.com/arslanbilal/git-cheat-sheet#readme)
- [Git Tips](https://github.com/git-tips/tips#readme)
- [Git Add-ons](https://github.com/stevemao/awesome-git-addons#readme) - Enhance the `git` CLI.
- [Git Hooks](https://github.com/compscilauren/awesome-git-hooks#readme) - Scripts for automating tasks during `git` workflows.
- [SSH](https://github.com/moul/awesome-ssh#readme)
- [FOSS for Developers](https://github.com/tvvocold/FOSS-for-Dev#readme)
- [Hyper](https://github.com/bnb/awesome-hyper#readme) - Cross-platform terminal app built on web technologies.
- [PowerShell](https://github.com/janikvonrotz/awesome-powershell#readme) - Cross-platform object-oriented shell.
- [Alfred Workflows](https://github.com/alfred-workflows/awesome-alfred-workflows#readme) - Productivity app for macOS.
- [Terminals Are Sexy](https://github.com/k4m4/terminals-are-sexy#readme)
- [GitHub Actions](https://github.com/sdras/awesome-actions#readme) - Create tasks to automate your workflow and share them with others on GitHub.
## Entertainment
- [Science Fiction](https://github.com/sindresorhus/awesome-scifi#readme) - Scifi.
- [Fantasy](https://github.com/RichardLitt/awesome-fantasy#readme)
- [Podcasts](https://github.com/ayr-ton/awesome-geek-podcasts#readme)
- [Email Newsletters](https://github.com/zudochkin/awesome-newsletters#readme)
- [IT Quotes](https://github.com/victorlaerte/awesome-it-quotes#readme)
## Databases
- [Database](https://github.com/numetriclabz/awesome-db#readme)
- [MySQL](https://github.com/shlomi-noach/awesome-mysql#readme)
- [SQLAlchemy](https://github.com/dahlia/awesome-sqlalchemy#readme)
- [InfluxDB](https://github.com/mark-rushakoff/awesome-influxdb#readme)
- [Neo4j](https://github.com/neueda/awesome-neo4j#readme)
- [MongoDB](https://github.com/ramnes/awesome-mongodb#readme) - NoSQL database.
- [RethinkDB](https://github.com/d3viant0ne/awesome-rethinkdb#readme)
- [TinkerPop](https://github.com/mohataher/awesome-tinkerpop#readme) - Graph computing framework.
- [PostgreSQL](https://github.com/dhamaniasad/awesome-postgres#readme) - Object-relational database.
- [CouchDB](https://github.com/quangv/awesome-couchdb#readme) - Document-oriented NoSQL database.
- [HBase](https://github.com/rayokota/awesome-hbase#readme) - Distributed, scalable, big data store.
- [NoSQL Guides](https://github.com/erictleung/awesome-nosql-guides#readme) - Help on using non-relational, distributed, open-source, and horizontally scalable databases.
- [Database Tools](https://github.com/mgramin/awesome-db-tools#readme) - Everything that makes working with databases easier.
- [TypeDB](https://github.com/vaticle/typedb-awesome#readme) - Logical database to organize large and complex networks of data as one body of knowledge.
- [Cassandra](https://github.com/Anant/awesome-cassandra#readme) - Open-source, distributed, wide column store, NoSQL database management system.
- [TDengine](https://github.com/taosdata/awesome-tdengine#readme) - An open-source time-series database with high-performance, scalability, and SQL support.
- [Supabase](https://github.com/lyqht/awesome-supabase#readme) - An open-source alternative to Firebase.
## Media
- [Creative Commons Media](https://github.com/shime/creative-commons-media#readme)
- [Fonts](https://github.com/brabadu/awesome-fonts#readme)
- [Codeface](https://github.com/chrissimpkins/codeface#readme) - Text editor fonts.
- [Stock Resources](https://github.com/neutraltone/awesome-stock-resources#readme)
- [GIF](https://github.com/davisonio/awesome-gif#readme) - Image format known for animated images.
- [Music](https://github.com/ciconia/awesome-music#readme)
- [Open Source Documents](https://github.com/44bits/awesome-opensource-documents#readme)
- [Audio Visualization](https://github.com/willianjusten/awesome-audio-visualization#readme)
- [Broadcasting](https://github.com/ebu/awesome-broadcasting#readme)
- [Pixel Art](https://github.com/Siilwyn/awesome-pixel-art#readme) - Pixel-level digital art.
- [FFmpeg](https://github.com/transitive-bullshit/awesome-ffmpeg#readme) - Cross-platform solution to record, convert and stream audio and video.
- [Icons](https://github.com/notlmn/awesome-icons#readme) - Downloadable SVG/PNG/font icon projects.
- [Audiovisual](https://github.com/stingalleman/awesome-audiovisual#readme) - Lighting, audio and video in professional environments.
- [VLC](https://github.com/mfkl/awesome-vlc#readme) - Cross-platform media player software and streaming server.
## Learn
- [CLI Workshoppers](https://github.com/therebelrobot/awesome-workshopper#readme) - Interactive tutorials.
- [Learn to Program](https://github.com/karlhorky/learn-to-program#readme)
- [Speaking](https://github.com/matteofigus/awesome-speaking#readme)
- [Tech Videos](https://github.com/lucasviola/awesome-tech-videos#readme)
- [Dive into Machine Learning](https://github.com/hangtwenty/dive-into-machine-learning#readme)
- [Computer History](https://github.com/watson/awesome-computer-history#readme)
- [Programming for Kids](https://github.com/HollyAdele/awesome-programming-for-kids#readme)
- [STEAM](https://github.com/RahulBirCodes/awesome-steam#readme) - Supplements for specific science, technology, engineering, arts, and math (STEAM) courses across all grade levels.
- [Educational Games](https://github.com/yrgo/awesome-educational-games#readme) - Learn while playing.
- [JavaScript Learning](https://github.com/micromata/awesome-javascript-learning#readme)
- [CSS Learning](https://github.com/micromata/awesome-css-learning#readme) - Mainly about CSS the language and the modules.
- [Product Management](https://github.com/dend/awesome-product-management#readme) - Learn how to be a better product manager.
- [Roadmaps](https://github.com/liuchong/awesome-roadmaps#readme) - Gives you a clear route to improve your knowledge and skills.
- [YouTubers](https://github.com/JoseDeFreitas/awesome-youtubers#readme) - Watch video tutorials from YouTubers that teach you about technology.
- [Hackathon](https://github.com/dribdat/awesome-hackathon#readme) - Running fun and productive hackathons.
- [Certificates](https://github.com/PanXProject/awesome-certificates#readme) - Free computer science certifications to showcase your knowledge.
## Security
- [Application Security](https://github.com/paragonie/awesome-appsec#readme)
- [Security](https://github.com/sbilly/awesome-security#readme)
- [CTF](https://github.com/apsdehal/awesome-ctf#readme) - Capture The Flag.
- [Cyber Security University](https://github.com/brootware/awesome-cyber-security-university#readme) - Free educational resources that focus on learning by doing.
- [Malware Analysis](https://github.com/rshipp/awesome-malware-analysis#readme)
- [Android Security](https://github.com/ashishb/android-security-awesome#readme)
- [Hacking](https://github.com/carpedm20/awesome-hacking#readme)
- [Hacking Spots](https://github.com/daviddias/awesome-hacking-locations#readme)
- [Honeypots](https://github.com/paralax/awesome-honeypots#readme) - Deception trap, designed to entice an attacker into attempting to compromise the information systems in an organization.
- [Incident Response](https://github.com/meirwah/awesome-incident-response#readme)
- [Vehicle Security and Car Hacking](https://github.com/jaredthecoder/awesome-vehicle-security#readme)
- [Web Security](https://github.com/qazbnm456/awesome-web-security#readme) - Security of web apps & services.
- [Lockpicking](https://github.com/fabacab/awesome-lockpicking#readme) - The art of unlocking a lock by manipulating its components without the key.
- [Cybersecurity Blue Team](https://github.com/fabacab/awesome-cybersecurity-blueteam#readme) - Groups of individuals who identify security flaws in information technology systems.
- [Fuzzing](https://github.com/cpuu/awesome-fuzzing#readme) - Automated software testing technique that involves feeding pseudo-randomly generated input data.
- [Embedded and IoT Security](https://github.com/fkie-cad/awesome-embedded-and-iot-security#readme)
- [GDPR](https://github.com/bakke92/awesome-gdpr#readme) - Regulation on data protection and privacy for all individuals within EU.
- [DevSecOps](https://github.com/TaptuIT/awesome-devsecops#readme) - Integration of security practices into [DevOps](https://en.wikipedia.org/wiki/DevOps).
- [Executable Packing](https://github.com/dhondta/awesome-executable-packing#readme) - Packing and unpacking executable formats.
- [Malware Persistence](https://github.com/Karneades/awesome-malware-persistence#readme) - Techniques that adversaries use to keep access to systems across restarts.
- [EVM Security](https://github.com/kareniel/awesome-evm-security#readme) - Understanding the Ethereum Virtual Machine security ecosystem.
- [Password Cracking](https://github.com/n0kovo/awesome-password-cracking#readme) - The process of recovering passwords from data that has been stored in or transmitted by a system in scrambled form.
- [Security Card Games](https://github.com/Karneades/awesome-security-card-games#readme) - Train your skills and discuss various security topics.
- [Suricata](https://github.com/satta/awesome-suricata#readme) - Intrusion detection/prevention system and network security monitoring engine.
- [Prompt Injection](https://github.com/FonduAI/awesome-prompt-injection#readme) - A type of vulnerability that specifically targets machine learning models.
## Content Management Systems
- [Umbraco](https://github.com/umbraco-community/awesome-umbraco#readme)
- [Refinery CMS](https://github.com/refinerycms-contrib/awesome-refinerycms#readme) - Ruby on Rails CMS.
- [Wagtail](https://github.com/springload/awesome-wagtail#readme) - Django CMS focused on flexibility and user experience.
- [Textpattern](https://github.com/drmonkeyninja/awesome-textpattern#readme) - Lightweight PHP-based CMS.
- [Drupal](https://github.com/nirgn975/awesome-drupal#readme) - Extensible PHP-based CMS.
- [Craft CMS](https://github.com/craftcms/awesome#readme) - Content-first CMS.
- [Sitecore](https://github.com/MartinMiles/Awesome-Sitecore#readme) - .NET digital marketing platform that combines CMS with tools for managing multiple websites.
- [Silverstripe CMS](https://github.com/wernerkrauss/awesome-silverstripe-cms#readme) - PHP MVC framework that serves as a classic or headless CMS.
- [Directus](https://github.com/directus-community/awesome-directus#readme) - A real-time API and app dashboard for managing SQL database content.
- [Plone](https://github.com/collective/awesome-plone#readme) - Open source Python CMS.
## Hardware
- [Robotics](https://github.com/Kiloreux/awesome-robotics#readme)
- [Internet of Things](https://github.com/HQarroum/awesome-iot#readme)
- [Electronics](https://github.com/kitspace/awesome-electronics#readme) - For electronic engineers and hobbyists.
- [Bluetooth Beacons](https://github.com/rabschi/awesome-beacon#readme)
- [Electric Guitar Specifications](https://github.com/gitfrage/guitarspecs#readme) - Checklist for building your own electric guitar.
- [Plotters](https://github.com/beardicus/awesome-plotters#readme) - Computer-controlled drawing machines and other visual art robots.
- [Robotic Tooling](https://github.com/protontypes/awesome-robotic-tooling#readme) - Free and open tools for professional robotic development.
- [LIDAR](https://github.com/szenergy/awesome-lidar#readme) - Sensor for measuring distances by illuminating the target with laser light.
- [Open Hardware](https://github.com/delftopenhardware/awesome-open-hardware#readme) - Open-source hardware projects.
- [ADS-B](https://github.com/rickstaa/awesome-adsb#readme) - Technology broadcasting aircraft's identity, position, and data periodically.
- [Flying FPV](https://github.com/Matthias84/awesome-flying-fpv#readme) - Open hardware and software related to drones / UAVs.
## Business
- [Open Companies](https://github.com/opencompany/awesome-open-company#readme)
- [Places to Post Your Startup](https://github.com/mmccaff/PlacesToPostYourStartup#readme)
- [OKR Methodology](https://github.com/domenicosolazzo/awesome-okr#readme) - Goal setting & communication best practices.
- [Leading and Managing](https://github.com/LappleApple/awesome-leading-and-managing#readme) - Leading people and being a manager in a technology company/environment.
- [Indie](https://github.com/mezod/awesome-indie#readme) - Independent developer businesses.
- [Tools of the Trade](https://github.com/cjbarber/ToolsOfTheTrade#readme) - Tools used by companies on Hacker News.
- [Clean Tech](https://github.com/nglgzz/awesome-clean-tech#readme) - Fighting climate change with technology.
- [Wardley Maps](https://github.com/wardley-maps-community/awesome-wardley-maps#readme) - Provides high situational awareness to help improve strategic planning and decision making.
- [Social Enterprise](https://github.com/RayBB/awesome-social-enterprise#readme) - Building an organization primarily focused on social impact that is at least partially self-funded.
- [Engineering Team Management](https://github.com/kdeldycke/awesome-engineering-team-management#readme) - How to transition from software development to engineering management.
- [Developer-First Products](https://github.com/agamm/awesome-developer-first#readme) - Products that target developers as the user.
- [Billing](https://github.com/kdeldycke/awesome-billing#readme) - Payments, invoicing, pricing, accounting, marketplace, fraud, and business intelligence.
- [Engineering Strategy](https://github.com/aleixmorgadas/awesome-engineering-strategy#readme) - How to design and execute engineering strategies for tech leadership.
## Work
- [Slack](https://github.com/matiassingers/awesome-slack#readme) - Team collaboration.
- [Communities](https://github.com/filipelinhares/awesome-slack#readme)
- [Remote Jobs](https://github.com/lukasz-madon/awesome-remote-job#readme)
- [Productivity](https://github.com/jyguyomarch/awesome-productivity#readme)
- [Niche Job Boards](https://github.com/tramcar/awesome-job-boards#readme)
- [Programming Interviews](https://github.com/DopplerHQ/awesome-interview-questions#readme)
- [Code Review](https://github.com/joho/awesome-code-review#readme) - Reviewing code.
- [Creative Technology](https://github.com/j0hnm4r5/awesome-creative-technology#readme) - Businesses & groups that specialize in combining computing, design, art, and user experience.
- [Internships](https://github.com/lodthe/awesome-internships#readme) - CV writing guides and companies that hire interns.
## Networking
- [Software-Defined Networking](https://github.com/sdnds-tw/awesome-sdn#readme)
- [Network Analysis](https://github.com/briatte/awesome-network-analysis#readme)
- [PCAPTools](https://github.com/caesar0301/awesome-pcaptools#readme)
- [Real-Time Communications](https://github.com/rtckit/awesome-rtc#readme) - Network protocols for near simultaneous exchange of media and data.
- [SNMP](https://github.com/eozer/awesome-snmp#readme) - A protocol for collecting, modifying, and organizing information about managed devices on IP networks.
- [Scapy](https://github.com/secdev/awesome-scapy#readme) - Python-based interactive packet manipulation.
## Decentralized Systems
- [Bitcoin](https://github.com/igorbarinov/awesome-bitcoin#readme) - Bitcoin services and tools for software developers.
- [Ripple](https://github.com/vhpoet/awesome-ripple#readme) - Open source distributed settlement network.
- [Non-Financial Blockchain](https://github.com/machinomy/awesome-non-financial-blockchain#readme) - Non-financial blockchain applications.
- [Mastodon](https://github.com/hyperupcall/awesome-mastodon#readme) - Open source decentralized microblogging network.
- [Ethereum](https://github.com/ttumiel/Awesome-Ethereum#readme) - Distributed computing platform for smart contract development.
- [Blockchain AI](https://github.com/steven2358/awesome-blockchain-ai#readme) - Blockchain projects for artificial intelligence and machine learning.
- [EOSIO](https://github.com/DanailMinchev/awesome-eosio#readme) - A decentralized operating system supporting industrial-scale apps.
- [Corda](https://github.com/chainstack/awesome-corda#readme) - Open source blockchain platform designed for business.
- [Waves](https://github.com/msmolyakov/awesome-waves#readme) - Open source blockchain platform and development toolset for Web 3.0 apps and decentralized solutions.
- [Substrate](https://github.com/substrate-developer-hub/awesome-substrate#readme) - Framework for writing scalable, upgradeable blockchains in Rust.
- [Golem](https://github.com/golemfactory/awesome-golem#readme) - Open source peer-to-peer marketplace for computing resources.
- [Stacks](https://github.com/friedger/awesome-stacks-chain#readme) - A smart contract platform secured by Bitcoin.
- [Algorand](https://github.com/aorumbayev/awesome-algorand#readme) - An open-source, proof of stake blockchain and smart contract computing platform.
- [ZeroNet](https://github.com/zolagonano/awesome-zeronet#readme) - A decentralized web-like network of peer-to-peer users.
- [Cosmos SDK](https://github.com/cosmos/awesome-cosmos#readme) - Modular framework for building app-specific blockchains in Go.
## Health and Social Science
- [Biomedical Information Extraction](https://github.com/caufieldjh/awesome-bioie#readme) - How to extract information from unstructured biomedical data and text.
- [Computational Neuroscience](https://github.com/eselkin/awesome-computational-neuroscience#readme) - A multidisciplinary science which uses computational approaches to study the nervous system.
- [Diversity](https://github.com/folkswhocode/awesome-diversity#readme) - Creating a more inclusive and diverse tech community.
- [Digital History](https://github.com/maehr/awesome-digital-history#readme) - Computer-aided scientific investigation of history.
- [Empathy in Engineering](https://github.com/KimberlyMunoz/empathy-in-engineering#readme) - Building and promoting more compassionate engineering cultures.
- [Healthcare](https://github.com/kakoni/awesome-healthcare#readme) - Open source healthcare software for facilities, providers, developers, policy experts, and researchers.
- [Humane Technology](https://github.com/humanetech-community/awesome-humane-tech#readme) - Open source projects that help improve society.
- [Mental Health](https://github.com/dreamingechoes/awesome-mental-health#readme) - Mental health awareness and self-care in the software industry.
- [Neuroscience](https://github.com/analyticalmonk/awesome-neuroscience#readme) - Study of the nervous system and brain.
- [Digital Humanities](https://github.com/dh-tech/awesome-digital-humanities#readme) - Software for humanities scholars using quantitative or computational methods.
## Events
- [Creative Tech Events](https://github.com/danvoyce/awesome-creative-tech-events#readme) - Events around the globe for creative coding, tech, design, music, arts and cool stuff.
- [Events in Italy](https://github.com/ildoc/awesome-italy-events#readme) - Tech-related events in Italy.
- [Events in the Netherlands](https://github.com/awkward/awesome-netherlands-events#readme) - Tech-related events in the Netherlands.
## Testing
- [Testing](https://github.com/TheJambo/awesome-testing#readme) - Software testing.
- [Visual Regression Testing](https://github.com/mojoaxel/awesome-regression-testing#readme) - Ensures changes did not break the functionality or style.
- [Selenium](https://github.com/christian-bromann/awesome-selenium#readme) - Open-source browser automation framework and ecosystem.
- [Appium](https://github.com/SrinivasanTarget/awesome-appium#readme) - Test automation tool for apps.
- [TAP](https://github.com/sindresorhus/awesome-tap#readme) - Test Anything Protocol.
- [JMeter](https://github.com/aliesbelik/awesome-jmeter#readme) - Load testing and performance measurement tool.
- [k6](https://github.com/grafana/awesome-k6#readme) - Open-source, developer-centric performance monitoring and load testing solution.
- [Playwright](https://github.com/mxschmitt/awesome-playwright#readme) - Node.js library to automate Chromium, Firefox and WebKit with a single API.
- [Quality Assurance Roadmap](https://github.com/fityanos/awesome-quality-assurance-roadmap#readme) - How to start & build a career in software testing.
- [Gatling](https://github.com/aliesbelik/awesome-gatling#readme) - Open-source load and performance testing framework based on Scala, Akka, and Netty.
## Miscellaneous
- [Scientific Writing](https://github.com/writing-resources/awesome-scientific-writing#readme) - Distraction-free scientific writing with Markdown, reStructuredText and Jupyter notebooks.
- [JSON](https://github.com/burningtree/awesome-json#readme) - Text based data interchange format.
- [GeoJSON](https://github.com/tmcw/awesome-geojson#readme)
- [Datasets](https://github.com/jdorfman/awesome-json-datasets#readme)
- [CSV](https://github.com/secretGeek/awesomeCSV#readme) - A text file format that stores tabular data and uses a comma to separate values.
- [Discounts for Student Developers](https://github.com/AchoArnold/discount-for-student-dev#readme)
- [Radio](https://github.com/kyleterry/awesome-radio#readme)
- [Awesome](https://github.com/sindresorhus/awesome#readme) - Recursion illustrated.
- [Analytics](https://github.com/0xnr/awesome-analytics#readme)
- [REST](https://github.com/marmelab/awesome-rest#readme)
- [Continuous Integration and Continuous Delivery](https://github.com/cicdops/awesome-ciandcd#readme)
- [Services Engineering](https://github.com/mmcgrana/services-engineering#readme)
- [Free for Developers](https://github.com/ripienaar/free-for-dev#readme)
- [Answers](https://github.com/cyberglot/awesome-answers#readme) - Stack Overflow, Quora, etc.
- [Sketch](https://github.com/diessica/awesome-sketch#readme) - Design app for macOS.
- [Boilerplate Projects](https://github.com/melvin0008/awesome-projects-boilerplates#readme)
- [Readme](https://github.com/matiassingers/awesome-readme#readme)
- [GitHub Wiki](https://github.com/MyHoneyBadger/awesome-github-wiki#readme) - Comprehensive documentation on GitHub beyond README.
- [Design and Development Guides](https://github.com/NARKOZ/guides#readme)
- [Software Engineering Blogs](https://github.com/kilimchoi/engineering-blogs#readme)
- [Self Hosted](https://github.com/awesome-selfhosted/awesome-selfhosted#readme)
- [FOSS Production Apps](https://github.com/DataDaoDe/awesome-foss-apps#readme)
- [Gulp](https://github.com/alferov/awesome-gulp#readme) - Task runner.
- [AMA](https://github.com/sindresorhus/amas#readme) - Ask Me Anything.
- [Answers](https://github.com/stoeffel/awesome-ama-answers#readme)
- [Open Source Photography](https://github.com/ibaaj/awesome-OpenSourcePhotography#readme)
- [OpenGL](https://github.com/eug/awesome-opengl#readme) - Cross-platform API for rendering 2D and 3D graphics.
- [GraphQL](https://github.com/chentsulin/awesome-graphql#readme)
- [Urban & Regional Planning](https://github.com/APA-Technology-Division/urban-and-regional-planning-resources#readme) - Concerning the built environment and communities.
- [Transit](https://github.com/CUTR-at-USF/awesome-transit#readme)
- [Research Tools](https://github.com/emptymalei/awesome-research#readme)
- [Data Visualization](https://github.com/javierluraschi/awesome-dataviz#readme)
- [Microservices](https://github.com/mfornos/awesome-microservices#readme)
- [Unicode](https://github.com/jagracey/Awesome-Unicode#readme) - Unicode standards, quirks, packages and resources.
- [Code Points](https://github.com/Codepoints/awesome-codepoints#readme)
- [Beginner-Friendly Projects](https://github.com/MunGell/awesome-for-beginners#readme)
- [Katas](https://github.com/gamontal/awesome-katas#readme)
- [Tools for Activism](https://github.com/drewrwilson/toolsforactivism#readme)
- [Citizen Science](https://github.com/dylanrees/citizen-science#readme) - For community-based and non-institutional scientists.
- [MQTT](https://github.com/hobbyquaker/awesome-mqtt#readme) - "Internet of Things" connectivity protocol.
- [For Girls](https://github.com/cristianoliveira/awesome4girls#readme)
- [Vorpal](https://github.com/vorpaljs/awesome-vorpal#readme) - Node.js CLI framework.
- [Vulkan](https://github.com/vinjn/awesome-vulkan#readme) - Low-overhead, cross-platform 3D graphics and compute API.
- [LaTeX](https://github.com/egeerardyn/awesome-LaTeX#readme) - Typesetting language.
- [Economics](https://github.com/antontarasenko/awesome-economics#readme) - An economist's starter kit.
- [Funny Markov Chains](https://github.com/sublimino/awesome-funny-markov#readme)
- [Bioinformatics](https://github.com/danielecook/Awesome-Bioinformatics#readme)
- [Cheminformatics](https://github.com/hsiaoyi0504/awesome-cheminformatics#readme) - Informatics techniques applied to problems in chemistry.
- [Colorful](https://github.com/Siddharth11/Colorful#readme) - Choose your next color scheme.
- [Steam](https://github.com/scholtzm/awesome-steam#readme) - Digital distribution platform.
- [Bots](https://github.com/hackerkid/bots#readme) - Building bots.
- [Site Reliability Engineering](https://github.com/dastergon/awesome-sre#readme)
- [DTrace](https://github.com/xen0l/awesome-dtrace#readme) - Dynamic tracing framework.
- [Userscripts](https://github.com/bvolpato/awesome-userscripts#readme) - Enhance your browsing experience.
- [Pokémon](https://github.com/tobiasbueschel/awesome-pokemon#readme) - Pokémon and Pokémon GO.
- [ChatOps](https://github.com/exAspArk/awesome-chatops#readme) - Managing technical and business operations through a chat.
- [Falsehood](https://github.com/kdeldycke/awesome-falsehood#readme) - Falsehoods programmers believe in.
- [Domain-Driven Design](https://github.com/heynickc/awesome-ddd#readme) - Software development approach for complex needs by connecting the implementation to an evolving model.
- [Quantified Self](https://github.com/woop/awesome-quantified-self#readme) - Self-tracking through technology.
- [SaltStack](https://github.com/hbokh/awesome-saltstack#readme) - Python-based config management system.
- [Web Design](https://github.com/nicolesaidy/awesome-web-design#readme) - For digital designers.
- [Creative Coding](https://github.com/terkelg/awesome-creative-coding#readme) - Programming something expressive instead of something functional.
- [No-Login Web Apps](https://github.com/aviaryan/awesome-no-login-web-apps#readme) - Web apps that work without login.
- [Free Software](https://github.com/johnjago/awesome-free-software#readme) - Free as in freedom.
- [Framer](https://github.com/podo/awesome-framer#readme) - Prototyping interactive UI designs.
- [Markdown](https://github.com/BubuAnabelas/awesome-markdown#readme) - Markup language.
- [Dev Fun](https://github.com/mislavcimpersak/awesome-dev-fun#readme) - Funny developer projects.
- [Magento 2](https://github.com/DavidLambauer/awesome-magento2#readme) - Open Source eCommerce built with PHP.
- [TikZ](https://github.com/xiaohanyu/awesome-tikz#readme) - Graph drawing packages for TeX/LaTeX/ConTeXt.
- [Ad-Free](https://github.com/johnjago/awesome-ad-free#readme) - Ad-free alternatives.
- [Prometheus](https://github.com/roaldnefs/awesome-prometheus#readme) - Open-source monitoring system.
- [Homematic](https://github.com/homematic-community/awesome-homematic#readme) - Smart home devices.
- [Ledger](https://github.com/sfischer13/awesome-ledger#readme) - Double-entry accounting on the command-line.
- [Web Monetization](https://github.com/thomasbnt/awesome-web-monetization#readme) - A free open web standard service that allows you to send money directly in your browser.
- [Uncopyright](https://github.com/johnjago/awesome-uncopyright#readme) - Public domain works.
- [Crypto Currency Tools & Algorithms](https://github.com/Zheaoli/awesome-coins#readme) - Digital currency where encryption is used to regulate the generation of units and verify transfers.
- [Open Source Supporters](https://github.com/zachflower/awesome-open-source-supporters#readme) - Companies that offer their tools and services for free to open source projects.
- [Design Principles](https://github.com/robinstickel/awesome-design-principles#readme) - Create better and more consistent designs and experiences.
- [Theravada](https://github.com/johnjago/awesome-theravada#readme) - Teachings from the Theravada Buddhist tradition.
- [inspectIT](https://github.com/inspectit-labs/awesome-inspectit#readme) - Open source Java app performance management tool.
- [Open Source Maintainers](https://github.com/nayafia/awesome-maintainers#readme) - The experience of being an open source maintainer.
- [Calculators](https://github.com/xxczaki/awesome-calculators#readme) - Calculators for every platform.
- [Captcha](https://github.com/ZYSzys/awesome-captcha#readme) - A type of challengeresponse test used in computing to determine whether or not the user is human.
- [Jupyter](https://github.com/markusschanta/awesome-jupyter#readme) - Create and share documents that contain code, equations, visualizations and narrative text.
- [FIRST Robotics Competition](https://github.com/andrewda/awesome-frc#readme) - International high school robotics championship.
- [Speakers](https://github.com/karlhorky/awesome-speakers#readme) - Conference and meetup speakers in the programming and design community.
- [Board Games](https://github.com/edm00se/awesome-board-games#readme) - Table-top gaming fun for all.
- [Software Patreons](https://github.com/uraimo/awesome-software-patreons#readme) - Fund individual programmers or the development of open source projects.
- [Parasite](https://github.com/ecohealthalliance/awesome-parasite#readme) - Parasites and host-pathogen interactions.
- [Food](https://github.com/jzarca01/awesome-food#readme) - Food-related projects on GitHub.
- [Bitcoin Payment Processors](https://github.com/alexk111/awesome-bitcoin-payment-processors#readme) - Start accepting Bitcoin.
- [Scientific Computing](https://github.com/nschloe/awesome-scientific-computing#readme) - Solving complex scientific problems using computers.
- [Amazon Sellers](https://github.com/ScaleLeap/awesome-amazon-seller#readme)
- [Agriculture](https://github.com/brycejohnston/awesome-agriculture#readme) - Open source technology for farming and gardening.
- [Product Design](https://github.com/ttt30ga/awesome-product-design#readme) - Design a product from the initial concept to production.
- [Prisma](https://github.com/catalinmiron/awesome-prisma#readme) - Turn your database into a GraphQL API.
- [Software Architecture](https://github.com/simskij/awesome-software-architecture#readme) - The discipline of designing and building software.
- [Connectivity Data and Reports](https://github.com/stevesong/awesome-connectivity-info#readme) - Better understand who has access to telecommunication and internet infrastructure and on what terms.
- [Stacks](https://github.com/stackshareio/awesome-stacks#readme) - Tech stacks for building different apps and features.
- [Cytodata](https://github.com/cytodata/awesome-cytodata#readme) - Image-based profiling of biological phenotypes for computational biologists.
- [IRC](https://github.com/davisonio/awesome-irc#readme) - Open source messaging protocol.
- [Advertising](https://github.com/cenoura/awesome-ads#readme) - Advertising and programmatic media for websites.
- [Earth](https://github.com/philsturgeon/awesome-earth#readme) - Find ways to resolve the climate crisis.
- [Naming](https://github.com/gruhn/awesome-naming#readme) - Naming things in computer science done right.
- [Web Archiving](https://github.com/iipc/awesome-web-archiving#readme) - An effort to preserve the Web for future generations.
- [WP-CLI](https://github.com/schlessera/awesome-wp-cli#readme) - Command-line interface for WordPress.
- [Credit Modeling](https://github.com/mourarthur/awesome-credit-modeling#readme) - Methods for classifying credit applicants into risk classes.
- [Ansible](https://github.com/ansible-community/awesome-ansible#readme) - A Python-based, open source IT configuration management and automation platform.
- [Biological Visualizations](https://github.com/keller-mark/awesome-biological-visualizations#readme) - Interactive visualization of biological data on the web.
- [QR Code](https://github.com/make-github-pseudonymous-again/awesome-qr-code#readme) - A type of matrix barcode that can be used to store and share a small amount of information.
- [Veganism](https://github.com/sdassow/awesome-veganism#readme) - Making the plant-based lifestyle easy and accessible.
- [Translations](https://github.com/mbiesiad/awesome-translations#readme) - The transfer of the meaning of a text from one language to another.
- [Scriptable](https://github.com/dersvenhesse/awesome-scriptable#readme) - An iOS app for automations in JavaScript.
- [WebXR](https://github.com/msub2/awesome-webxr#readme) - Enables immersive virtual reality and augmented reality content on the web.
- [Computational Geometry](https://github.com/atkirtland/awesome-computational-geometry#readme) - Computational approaches for problems in geometry.
- [OpenStreetMap](https://github.com/osmlab/awesome-openstreetmap#readme) - An open data mapping project utilized by many apps and devices.
- [Computational Biology](https://github.com/inoue0426/awesome-computational-biology#readme) - Computational approaches applied to problems in biology.
- [Read the Docs](https://github.com/readthedocs-examples/awesome-read-the-docs#readme) - Example documentation projects to inspire and help bootstrap new documentation projects.
- [Quarto](https://github.com/mcanouil/awesome-quarto#readme) - Scientific and technical open-source publishing system built on Pandoc.
- [Biological Image Analysis](https://github.com/hallvaaw/awesome-biological-image-analysis#readme) - Interpreting biological phenomena using images.
- [ChatGPT](https://github.com/sindresorhus/awesome-chatgpt#readme) - Artificial intelligence chatbot developed by OpenAI.
- [Whisper](https://github.com/sindresorhus/awesome-whisper#readme) - Open-source AI-powered speech recognition system developed by OpenAI.
- [Stock Trading](https://github.com/shi-rudo/awesome-stock-trading#readme) - Purchase and sale of equities of publicly traded companies with the aim of generating profits.
- [Steam Deck](https://github.com/airscripts/awesome-steam-deck#readme) - A handheld gaming computer developed by Valve.
- [Astrophotography](https://github.com/lunohodov/awesome-astrophotography#readme) - Photography of astronomical objects, celestial events, or areas of the night sky.
- [HPC](https://github.com/dstdev/awesome-hpc#readme) - High Performance Computing.
## Related
- [All Awesome Lists](https://github.com/topics/awesome) - All the Awesome lists on GitHub.
- [Awesome Search](https://awesomelists.top) - Quick search for Awesome lists.
- [StumbleUponAwesome](https://github.com/basharovV/StumbleUponAwesome) - Discover random pages from the Awesome dataset using a browser extension.
- [Awesome CLI](https://github.com/umutphp/awesome-cli) - A simple command-line tool to dive into Awesome lists.
- [Awesome Viewer](https://awesome.digitalbunker.dev) - A visualizer for all of the above Awesome lists.
- [Track Awesome List](https://www.trackawesomelist.com) - View the latest updates of Awesome lists.
- [Open Source Heroes - Awesome](https://opensource-heroes.com/awesome) - View Awesome lists with extra info like stars, last update, and license.

@ -0,0 +1,31 @@
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { PageNotFoundComponent } from './error-routing/not-found/not-found.component';
import { UncaughtErrorComponent } from './error-routing/error/uncaught-error.component';
import { ErrorRoutingModule } from './error-routing/error-routing.module';
import { HomeComponent } from './home/home.component';
import { MedicationsComponent } from './medications/medications.component';
import { HealthIndicatorsComponent } from './health-indicators/health-indicators.component';
import { AppointmentsComponent } from './appointments/appointments.component';
import { ProfileComponent } from './profile/profile.component';
import { EmergencyComponent } from './emergency/emergency.component';
export const routes: Routes = [
{ path: '', redirectTo: 'home', pathMatch: 'full' },
{ path: 'error', component: UncaughtErrorComponent },
{ path: 'home', component: HomeComponent, data: { text: 'Home' } },
{ path: 'medications', component: MedicationsComponent, data: { text: 'Medications' } },
{ path: 'health-indicators', component: HealthIndicatorsComponent, data: { text: 'Health Indicators' } },
{ path: 'appointments', component: AppointmentsComponent, data: { text: 'Appointments' } },
{ path: 'profile', component: ProfileComponent, data: { text: 'Profile' } },
{ path: 'emergency', component: EmergencyComponent, data: { text: 'Emergency' } },
{ path: '**', component: PageNotFoundComponent } // must always be last
];
@NgModule({
imports: [RouterModule.forRoot(routes, { bindToComponentInputs: true }), ErrorRoutingModule],
exports: [RouterModule, ErrorRoutingModule]
})
export class AppRoutingModule {
}

@ -0,0 +1,70 @@
<div class="row-layout main-navigation">
<igx-navbar class="navbar">
<igx-navbar-title class="navbar-content">
<div routerLink="/home" class="row-layout group">
<img src="/assets/logo2.svg" class="image" />
<p class="ig-typography__subtitle-2 text">
HEALTHCARE ASSISTANT
</p>
</div>
</igx-navbar-title>
<div class="row-layout group_1">
<div class="row-layout group">
<igx-avatar src="/assets/Avatar13.png" shape="circle" class="avatar"></igx-avatar>
<p class="ig-typography__subtitle-2 text">
Sandy Anderson
</p>
</div>
<button igxButton="icon" igxRipple [igxToggleAction]="navDrawer" class="button">
<igx-icon>
menu
</igx-icon>
</button>
</div>
</igx-navbar>
</div>
<div class="row-layout bottom-container">
<div class="view-container">
<router-outlet></router-outlet>
</div>
<igx-nav-drawer position="right" [pinThreshold]="0" width="236px" #navDrawer class="nav-drawer">
<ng-template igxDrawer>
<div igxDrawerItem igxRipple routerLink="/home">
<igx-icon class="icon">
home
</igx-icon>
<span>Home</span>
</div>
<div igxDrawerItem igxRipple routerLink="/medications">
<igx-icon class="icon">
healing
</igx-icon>
<span>Medications</span>
</div>
<div igxDrawerItem igxRipple routerLink="/health-indicators">
<igx-icon class="icon">
favorite
</igx-icon>
<span>Health Indicators</span>
</div>
<div igxDrawerItem igxRipple routerLink="/appointments">
<igx-icon class="icon">
calendar_today
</igx-icon>
<span>Appointments</span>
</div>
<div igxDrawerItem igxRipple routerLink="/profile">
<igx-icon class="icon">
account_circle
</igx-icon>
<span>Medical Profile</span>
</div>
<div igxDrawerItem igxRipple routerLink="/emergency">
<igx-icon class="icon">
error
</igx-icon>
<span>Emergency</span>
</div>
</ng-template>
</igx-nav-drawer>
</div>

@ -0,0 +1,97 @@
:host {
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
}
.row-layout {
display: flex;
}
.main-navigation {
border-color: #BDD2B9;
border-width: 0px 0px 1px;
border-style: solid;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
position: relative;
min-width: 50px;
min-height: 50px;
}
.group {
justify-content: flex-start;
align-items: center;
align-content: flex-start;
gap: 8px;
overflow: hidden;
position: relative;
min-width: 50px;
}
.group_1 {
justify-content: flex-start;
align-items: center;
align-content: flex-start;
gap: 16px;
position: relative;
min-width: 50px;
min-height: 50px;
}
.bottom-container {
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
position: relative;
min-width: 50px;
min-height: 50px;
flex-grow: 1;
flex-basis: 0;
}
.navbar {
--igx-navbar-background: #F0F6EF;
height: max-content;
min-width: min-content;
flex-grow: 1;
flex-basis: 0;
}
.view-container {
overflow: auto;
position: relative;
flex-grow: 1;
}
.nav-drawer {
min-width: min-content;
min-height: 0;
max-width: 236px;
flex-shrink: 0;
}
.navbar-content {
gap: 1rem;
}
.image {
object-fit: cover;
height: 32px;
min-width: 0;
min-height: 0;
max-height: 32px;
flex-shrink: 0;
}
.text {
color: hsla(var(--ig-secondary-400));
height: max-content;
min-width: min-content;
}
.avatar {
--igx-avatar-background: transparent;
}
.icon {
--size: 24px;
font-size: 24px;
width: 24px;
height: 24px;
color: hsla(var(--ig-primary-700));
}
.button {
--igx-button-foreground: hsla(var(--ig-primary-900));
}

@ -0,0 +1,8 @@
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent {}

@ -0,0 +1,49 @@
import { NgModule } from '@angular/core';
import { BrowserModule, HammerModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component';
import { IgxIconModule, IgxListModule, IgxButtonModule, IgxRippleModule, IgxAvatarModule, IgxToggleModule, IgxDialogModule, IgxNavbarModule, IgxNavigationDrawerModule } from 'igniteui-angular';
import { FormsModule } from '@angular/forms';
import { MedicationsComponent } from './medications/medications.component';
import { HealthIndicatorsComponent } from './health-indicators/health-indicators.component';
import { IgxCategoryChartModule } from 'igniteui-angular-charts';
import { AppointmentsComponent } from './appointments/appointments.component';
import { ProfileComponent } from './profile/profile.component';
import { EmergencyComponent } from './emergency/emergency.component';
import { HttpClientModule } from '@angular/common/http';
@NgModule({
declarations: [
AppComponent,
HomeComponent,
MedicationsComponent,
HealthIndicatorsComponent,
AppointmentsComponent,
ProfileComponent,
EmergencyComponent
],
imports: [
BrowserModule,
HammerModule,
AppRoutingModule,
BrowserAnimationsModule,
IgxIconModule,
IgxListModule,
IgxButtonModule,
IgxRippleModule,
FormsModule,
IgxCategoryChartModule,
IgxAvatarModule,
IgxToggleModule,
IgxDialogModule,
IgxNavbarModule,
IgxNavigationDrawerModule,
HttpClientModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {
}

@ -0,0 +1,290 @@
<div class="row-layout group">
<div class="column-layout group_1">
<div class="column-layout group_2">
<div class="row-layout group_3">
<div class="row-layout group_4">
<p class="ig-typography__subtitle-2 text">
UPCOMING APPOINTMENTS
</p>
</div>
</div>
<igx-list class="list">
<igx-list-item [isHeader]="false">
<span igxListLine>
<div class="row-layout group_5">
<div class="row-layout group_6">
<img src="/assets/appt-upcoming.svg" class="image" />
<div class="column-layout group_7">
<p class="ig-typography__subtitle-2 content">
Internal Medicine
</p>
<p class="ig-typography__caption content">
Tuesday, January 24, 2023 - 2:30pm - Dr. M. Matthews
</p>
</div>
</div>
<button igxButton="icon" igxRipple class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
<igx-list-item [isHeader]="false">
<span igxListLine>
<div class="row-layout group_5">
<div class="row-layout group_6">
<img src="/assets/appt-upcoming.svg" class="image" />
<div class="column-layout group_7">
<p class="ig-typography__subtitle-2 content">
Dermatology
</p>
<p class="ig-typography__caption content">
Friday, February 24, 2023 - 08:45am - Dr. V. Sawyer
</p>
</div>
</div>
<button igxButton="icon" igxRipple class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
<igx-list-item [isHeader]="false">
<span igxListLine>
<div class="row-layout group_5">
<div class="row-layout group_6">
<img src="/assets/appt-upcoming.svg" class="image" />
<div class="column-layout group_7">
<p class="ig-typography__subtitle-2 content">
Gynaecology
</p>
<p class="ig-typography__caption content">
Monday, March 6, 2023 - 6:30pm - Dr. J. Dean
</p>
</div>
</div>
<button igxButton="icon" igxRipple class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
</igx-list>
</div>
<div class="column-layout group_2">
<div class="row-layout group_3">
<div class="row-layout group_4">
<p class="ig-typography__subtitle-2 text">
RECENT
</p>
</div>
</div>
<igx-list class="list">
<igx-list-item [isHeader]="false">
<span igxListLine>
<div class="row-layout group_5">
<div class="row-layout group_6">
<img src="/assets/appt-past.svg" class="image" />
<div class="column-layout group_7">
<p class="ig-typography__subtitle-2 content">
Oftalmology
</p>
<p class="ig-typography__caption content">
Thursday, January 12, 2023 - Dr. H. Chandler
</p>
</div>
</div>
<button igxButton="icon" igxRipple class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
<igx-list-item [isHeader]="false">
<span igxListLine>
<div class="row-layout group_5">
<div class="row-layout group_6">
<img src="/assets/appt-past.svg" class="image" />
<div class="column-layout group_7">
<p class="ig-typography__subtitle-2 content">
Traumatology
</p>
<p class="ig-typography__caption content">
Friday, December 16, 2022 - Dr. J. Dean
</p>
</div>
</div>
<button igxButton="icon" igxRipple class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
<igx-list-item [isHeader]="false">
<span igxListLine>
<div class="row-layout group_5">
<div class="row-layout group_6">
<img src="/assets/appt-past.svg" class="image" />
<div class="column-layout group_7">
<p class="ig-typography__subtitle-2 content">
Otorhinolaryngology
</p>
<p class="ig-typography__caption content">
Tuesday, December 13, 2022 - Dr. H. McNamara
</p>
</div>
</div>
<button igxButton="icon" igxRipple class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
<igx-list-item [isHeader]="false">
<span igxListLine>
<div class="row-layout group_5">
<div class="row-layout group_6">
<img src="/assets/appt-past.svg" class="image" />
<div class="column-layout group_7">
<p class="ig-typography__subtitle-2 content">
Internal Medicine
</p>
<p class="ig-typography__caption content">
Monday, November 28, 2022 - Dr. M. Matthews
</p>
</div>
</div>
<button igxButton="icon" igxRipple class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
</igx-list>
</div>
</div>
</div>
<div class="row-layout group_8">
<div class="column-layout group_1">
<h6 class="content">
Dermatology Appointment
</h6>
<div class="column-layout group_9">
<div class="row-layout group_10">
<igx-avatar src="/assets/Avatar4.png" shape="circle" class="avatar avatar_1"></igx-avatar>
<div class="column-layout group_11">
<p class="ig-typography__subtitle-2 text_1">
Dr. Michael Matthews
</p>
<p class="ig-typography__body-2 text_1">
Internal Medicine
</p>
</div>
</div>
<igx-list class="list">
<igx-list-item [isHeader]="false">
<span igxListThumbnail>
<igx-avatar shape="circle" class="avatar avatar_2">
<igx-icon>
calendar_today
</igx-icon>
</igx-avatar>
</span>
<span igxListLineTitle>Tuesday, January 24, 2023</span>
</igx-list-item>
<igx-list-item [isHeader]="false">
<span igxListThumbnail>
<igx-avatar shape="circle" class="avatar avatar_3">
<igx-icon>
access_time
</igx-icon>
</igx-avatar>
</span>
<span igxListLineTitle>2:30pm - 2:45pm</span>
</igx-list-item>
<igx-list-item [isHeader]="false">
<span igxListThumbnail>
<igx-avatar shape="circle" class="avatar avatar_4">
<igx-icon>
location_on
</igx-icon>
</igx-avatar>
</span>
<span igxListLineTitle>Plainsboro Clinic </span>
<span igxListLineSubTitle>1 Plainsboro Rd. Plainsboro, NJ 08536</span>
</igx-list-item>
</igx-list>
</div>
<div class="column-layout group_9">
<p class="ig-typography__subtitle-2 text_2">
REQUIREMENTS
</p>
<div class="column-layout group_12">
<p class="ig-typography__body-2 content">
- Recommended shower before appointment.
</p>
<p class="ig-typography__body-2 content">
- Wear loose comfortable clothing.
</p>
<p class="ig-typography__body-2 content">
- Avoid using makeup or nail polish before appointment.
</p>
<p class="ig-typography__body-2 content">
- Don't try any new skin care products in the days prior to your appointment.
</p>
<p class="ig-typography__body-2 content">
- Take your medications as scheduled. Your dermatologist needs to know their effects on your skin.
</p>
</div>
</div>
<div class="row-layout group_13">
<button igxButton="flat" igxRipple [igxToggleAction]="cancelApptDialog" class="button_1">
<igx-icon>
close
</igx-icon>
<span>CANCEL</span>
</button>
<button igxButton="raised" igxRipple class="button_2">
<igx-icon>
calendar_today
</igx-icon>
<span>Add to Calendar</span>
</button>
</div>
</div>
</div>
<igx-dialog [closeOnOutsideSelect]="true" [closeOnEscape]="true" #cancelApptDialog>
<igx-dialog-title>
<h5>
Appointment Cancellation
</h5>
</igx-dialog-title>
<ng-container>
<p class="text_1">
Are you sure you want to cancel your appointment?
</p>
</ng-container>
<igx-dialog-actions>
<button igxButton="flat" igxRipple [igxToggleAction]="cancelApptDialog" class="button_3">
No, go back
</button>
<button igxButton="flat" igxRipple [igxToggleAction]="cancelApptDialog" class="button_4">
Yes, cancel
</button>
</igx-dialog-actions>
</igx-dialog>

@ -0,0 +1,219 @@
:host {
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
}
.row-layout {
display: flex;
}
.group {
background-color: rgba(256, 256, 256, 0.6);
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
gap: 24px;
position: relative;
padding: 32px;
min-width: 360px;
min-height: 50px;
flex-grow: 1;
flex-basis: 0;
}
.column-layout {
display: flex;
flex-direction: column;
}
.group_1 {
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
gap: 32px;
position: relative;
min-width: 360px;
min-height: 50px;
flex-grow: 1;
flex-basis: 0;
}
.group_2 {
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
gap: 16px;
position: relative;
min-width: 360px;
min-height: 50px;
flex-shrink: 0;
}
.group_3 {
justify-content: space-between;
align-items: center;
align-content: flex-start;
gap: 8px;
position: relative;
min-width: 50px;
}
.group_4 {
justify-content: flex-start;
align-items: baseline;
align-content: flex-start;
gap: 4px;
position: relative;
min-width: 50px;
}
.group_5 {
border-color: #CDE0C9;
border-width: 0px 0px 1px;
border-style: solid;
justify-content: space-between;
align-items: center;
align-content: flex-start;
position: relative;
padding: 0 0 16px;
min-width: 50px;
min-height: 50px;
}
.group_6 {
justify-content: flex-start;
align-items: center;
align-content: flex-start;
position: relative;
min-width: 50px;
min-height: 50px;
}
.group_7 {
justify-content: center;
align-items: stretch;
align-content: flex-start;
position: relative;
padding: 0 0 0 24px;
min-width: 50px;
min-height: 50px;
}
.group_8 {
background-color: rgba(256, 256, 256, 0.6);
border-color: #CDE0C9;
border-width: 0px 0px 0px 1px;
border-style: solid;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
gap: 24px;
position: relative;
padding: 32px;
min-width: 360px;
min-height: 50px;
flex-grow: 1;
flex-basis: 0;
}
.group_9 {
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
gap: 16px;
position: relative;
min-width: 50px;
min-height: 50px;
}
.group_10 {
justify-content: flex-start;
align-items: center;
align-content: flex-start;
gap: 16px;
position: relative;
min-width: 50px;
}
.group_11 {
justify-content: center;
align-items: stretch;
align-content: flex-start;
position: relative;
min-width: 50px;
min-height: 50px;
}
.group_12 {
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
gap: 8px;
position: relative;
min-width: 50px;
}
.group_13 {
flex-wrap: wrap;
justify-content: flex-end;
align-items: stretch;
align-content: flex-start;
gap: 16px;
position: relative;
}
.text {
color: hsla(var(--ig-info-500));
margin: 0 8px 0 0;
height: max-content;
min-width: min-content;
}
.image {
object-fit: cover;
height: 28px;
min-width: 0;
min-height: 0;
max-height: 28px;
flex-shrink: 0;
}
.content {
color: hsla(var(--ig-secondary-500));
height: max-content;
min-width: min-content;
}
.avatar {
--igx-avatar-background: transparent;
}
.text_1 {
height: max-content;
min-width: min-content;
}
.text_2 {
color: hsla(var(--ig-info-500));
height: max-content;
min-width: min-content;
}
.avatar_1::part(base) {
--igx-avatar-color: hsla(var(--ig-secondary-400));
}
.avatar_2::part(base) {
--igx-avatar-color: hsla(var(--ig-info-500));
}
.avatar_3::part(base) {
--igx-avatar-color: hsla(var(--ig-info-500));
}
.avatar_4::part(base) {
--igx-avatar-color: hsla(var(--ig-info-500));
}
.list {
height: max-content;
}
.button {
--igx-button-foreground: hsla(var(--ig-primary-800));
}
.button_1 {
height: max-content;
flex-shrink: 0;
}
.button_2 {
--igx-button-background: hsla(var(--ig-primary-500));
height: max-content;
flex-shrink: 0;
}
.button_3 {
height: max-content;
}
.button_4 {
--igx-button-foreground: hsla(var(--ig-surface-500));
--igx-button-background: hsla(var(--ig-error-500));
height: max-content;
}

@ -0,0 +1,29 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { FormsModule } from '@angular/forms';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
import { IgxListModule, IgxButtonModule, IgxRippleModule, IgxIconModule, IgxAvatarModule, IgxToggleModule, IgxDialogModule } from 'igniteui-angular';
import { AppointmentsComponent } from './appointments.component';
describe('AppointmentsComponent', () => {
let component: AppointmentsComponent;
let fixture: ComponentFixture<AppointmentsComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ AppointmentsComponent ],
imports: [ NoopAnimationsModule, FormsModule, IgxListModule, IgxButtonModule, IgxRippleModule, IgxIconModule, IgxAvatarModule, IgxToggleModule, IgxDialogModule ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(AppointmentsComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

@ -0,0 +1,8 @@
import { Component } from '@angular/core';
@Component({
selector: 'app-appointments',
templateUrl: './appointments.component.html',
styleUrls: ['./appointments.component.scss']
})
export class AppointmentsComponent {}

@ -0,0 +1,9 @@
<div class="column-layout demo-content">
<img src="/assets/start-building.svg" class="image" />
<h5 class="h5">
Start building!
</h5>
<p class="text">
Remove the "demo-content" container, and add your own content.
</p>
</div>

@ -0,0 +1,49 @@
:host {
height: 100%;
display: flex;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
}
.column-layout {
display: flex;
flex-direction: column;
}
.demo-content {
background-color: transparent;
border-color: hsla(var(--ig-gray-400));
border-width: 2px;
border-style: dashed;
justify-content: center;
align-items: center;
align-content: flex-start;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
position: absolute;
padding: 64px;
min-width: 50px;
min-height: 50px;
}
.image {
object-fit: cover;
margin: 0 0 24px;
min-width: 0;
min-height: 0;
max-width: 280px;
flex-shrink: 0;
}
.h5 {
color: hsla(var(--ig-info-500));
margin: 0 0 16px;
height: max-content;
min-width: min-content;
}
.text {
text-align: center;
color: hsla(var(--ig-gray-700));
margin: 0 0 24px;
height: max-content;
min-width: min-content;
max-width: 320px;
}

@ -0,0 +1,23 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { EmergencyComponent } from './emergency.component';
describe('EmergencyComponent', () => {
let component: EmergencyComponent;
let fixture: ComponentFixture<EmergencyComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [EmergencyComponent]
})
.compileComponents();
fixture = TestBed.createComponent(EmergencyComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

@ -0,0 +1,8 @@
import { Component } from '@angular/core';
@Component({
selector: 'app-emergency',
templateUrl: './emergency.component.html',
styleUrls: ['./emergency.component.scss']
})
export class EmergencyComponent {}

@ -0,0 +1,21 @@
import { ErrorHandler, NgModule, Provider } from '@angular/core';
import { environment } from '../../environments/environment';
import { GlobalErrorHandlerService } from './error/global-error-handler.service';
import { UncaughtErrorComponent } from './error/uncaught-error.component';
import { PageNotFoundComponent } from './not-found/not-found.component';
const providers: Provider[] = [];
if (environment.production) {
// register prod error handler
providers.push({ provide: ErrorHandler, useClass: GlobalErrorHandlerService });
}
@NgModule({
declarations: [
PageNotFoundComponent,
UncaughtErrorComponent
],
providers
})
export class ErrorRoutingModule { }

@ -0,0 +1,23 @@
import { ErrorHandler, Injectable, Injector, NgZone } from '@angular/core';
import { Router } from '@angular/router';
@Injectable()
export class GlobalErrorHandlerService implements ErrorHandler {
constructor(private injector: Injector, private zone: NgZone) { }
handleError(error: any) {
// handle and/or log error, for example:
console.error(error);
// show error page
const router = this.injector.get(Router);
if (router) {
this.zone.run(() => {
router
.navigate(['error'])
.catch((err: any) => console.error(err));
});
}
}
}

@ -0,0 +1,6 @@
import { Component } from '@angular/core';
@Component({
template: '<h2>Error 500: Internal Server Error</h2>',
})
export class UncaughtErrorComponent { }

@ -0,0 +1,6 @@
import { Component } from '@angular/core';
@Component({
template: '<h2>Error 404: Page not found</h2>'
})
export class PageNotFoundComponent { }

@ -0,0 +1,144 @@
<div class="row-layout group">
<div class="column-layout group_1">
<p class="ig-typography__subtitle-2 text">
HEALTH INDICATORS
</p>
<div class="row-layout group_2">
<div class="column-layout group_3">
<div class="column-layout group_4">
<div class="row-layout group_5">
<img src="/assets/Scale_Color.svg" class="image" />
<div class="row-layout group_6">
<p class="ig-typography__subtitle-2 text_1">
WEIGHT
</p>
<h6 class="h6">
112
</h6>
<p class="ig-typography__subtitle-2 text_2">
lbs
</p>
</div>
</div>
<div class="column-layout group_7">
<igx-category-chart [dataSource]="patientDashboardWeight" chartType="column" [yAxisInterval]="10" [yAxisMinimumValue]="95" [yAxisMaximumValue]="125" computedPlotAreaMarginMode="series" class="category-chart"></igx-category-chart>
</div>
</div>
<div class="column-layout group_4">
<div class="row-layout group_5">
<img src="/assets/HRate_Color.svg" class="image" />
<div class="row-layout group_6">
<p class="ig-typography__subtitle-2 text_1">
HEART RATE
</p>
<h6 class="h6">
90
</h6>
<p class="ig-typography__subtitle-2 text_2">
bpm
</p>
</div>
</div>
<div class="column-layout group_7">
<igx-category-chart [dataSource]="patientDashboardHeartRate" chartType="line" [yAxisInterval]="10" [yAxisMinimumValue]="60" [yAxisMaximumValue]="90" computedPlotAreaMarginMode="series" class="category-chart_1"></igx-category-chart>
</div>
</div>
</div>
<div class="column-layout group_3">
<div class="column-layout group_8">
<div class="row-layout group_5">
<img src="/assets/BPressure_Color.svg" class="image" />
<div class="row-layout group_6">
<p class="ig-typography__subtitle-2 text_1">
BLOOD PRESSURE
</p>
<h6 class="h6">
140
</h6>
<h6 class="h6_1">
/
</h6>
<h6 class="h6">
70
</h6>
<p class="ig-typography__subtitle-2 text_2">
mmHg
</p>
</div>
</div>
<div class="column-layout group_7">
<igx-category-chart [dataSource]="patientDashboardBPSystolicDiastolic" chartType="line" [yAxisInterval]="20" [yAxisMinimumValue]="70" [yAxisMaximumValue]="160" computedPlotAreaMarginMode="series" class="category-chart_2"></igx-category-chart>
</div>
</div>
<div class="column-layout group_8">
<div class="row-layout group_5">
<img src="/assets/blood-sugar.svg" class="image" />
<div class="row-layout group_6">
<p class="ig-typography__subtitle-2 text_1">
BLOOD SUGAR
</p>
<h6 class="h6">
85
</h6>
<p class="ig-typography__subtitle-2 text_2">
mg/dL
</p>
</div>
</div>
<div class="column-layout group_7">
<igx-category-chart [dataSource]="patientDashboardGlucose" chartType="area" [yAxisInterval]="5" [yAxisMinimumValue]="80" [yAxisMaximumValue]="100" computedPlotAreaMarginMode="series" class="category-chart_1"></igx-category-chart>
</div>
</div>
</div>
<div class="column-layout group_3">
<div class="column-layout group_8">
<div class="row-layout group_5">
<img src="/assets/Cholesterol_Color.svg" class="image" />
<div class="row-layout group_6">
<p class="ig-typography__subtitle-2 text_1">
TOTAL CHOLESTEROL
</p>
<h6 class="h6">
200
</h6>
<p class="ig-typography__subtitle-2 text_2">
mg/dL
</p>
</div>
</div>
<div class="column-layout group_7">
<igx-category-chart [dataSource]="patientDashboardTotalCholesterol" chartType="area" [yAxisInterval]="20" [yAxisMinimumValue]="160" [yAxisMaximumValue]="230" computedPlotAreaMarginMode="series" class="category-chart_3"></igx-category-chart>
</div>
</div>
<div class="column-layout group_8">
<div class="row-layout group_5">
<img src="/assets/Cholesterol_Color.svg" class="image" />
<div class="row-layout group_6">
<p class="ig-typography__subtitle-2 text_1">
CHOLESTEROL HDL / LDL
</p>
<h6 class="h6">
80
</h6>
<p class="ig-typography__subtitle-2 text_2">
mg/dL
</p>
<h6 class="h6_1">
-
</h6>
<h6 class="h6">
85
</h6>
<p class="ig-typography__subtitle-2 text_2">
mg/dL
</p>
</div>
</div>
<div class="column-layout group_7">
<igx-category-chart [dataSource]="patientDashboardCholesterolHDLLDL" chartType="spline" [yAxisInterval]="20" [yAxisMinimumValue]="50" [yAxisMaximumValue]="150" computedPlotAreaMarginMode="series" class="category-chart_4"></igx-category-chart>
</div>
</div>
</div>
</div>
</div>
</div>

@ -0,0 +1,191 @@
:host {
height: 100%;
display: flex;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
}
.row-layout {
display: flex;
}
.group {
background-color: rgba(256, 256, 256, 0.6);
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
gap: 24px;
overflow: auto;
position: relative;
padding: 32px;
min-width: 360px;
min-height: 50px;
flex-grow: 1;
flex-basis: 0;
}
.column-layout {
display: flex;
flex-direction: column;
}
.group_1 {
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
gap: 16px;
position: relative;
min-width: 360px;
min-height: 50px;
flex-grow: 1;
flex-basis: 0;
}
.group_2 {
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
gap: 32px;
position: relative;
min-width: 50px;
min-height: 50px;
flex-grow: 1;
flex-shrink: 0;
}
.group_3 {
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
gap: 32px;
position: relative;
min-width: 360px;
min-height: 50px;
flex-grow: 1;
flex-basis: 0;
}
.group_4 {
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
gap: 8px;
position: relative;
min-width: 50px;
min-height: 50px;
flex-grow: 1;
flex-shrink: 0;
}
.group_5 {
justify-content: flex-start;
align-items: center;
align-content: flex-start;
gap: 8px;
position: relative;
min-width: 50px;
}
.group_6 {
justify-content: flex-start;
align-items: baseline;
align-content: flex-start;
gap: 4px;
position: relative;
min-width: 50px;
}
.group_7 {
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
position: relative;
min-width: 50px;
min-height: 50px;
flex-grow: 1;
flex-shrink: 0;
}
.group_8 {
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
gap: 8px;
position: relative;
min-width: 50px;
min-height: 150px;
flex-grow: 1;
flex-shrink: 0;
}
.text {
color: hsla(var(--ig-info-500));
margin: 0 8px 0 0;
height: max-content;
min-width: min-content;
}
.image {
object-fit: cover;
height: 24px;
min-width: 0;
min-height: 0;
max-height: 24px;
flex-shrink: 0;
}
.text_1 {
color: hsla(var(--ig-secondary-300));
margin: 0 8px 0 0;
height: max-content;
min-width: min-content;
}
.h6 {
color: hsla(var(--ig-secondary-500));
height: max-content;
min-width: min-content;
}
.text_2 {
color: hsla(var(--ig-secondary-200));
height: max-content;
min-width: min-content;
}
.h6_1 {
color: hsla(var(--ig-secondary-100));
height: max-content;
min-width: min-content;
}
.category-chart {
--brushes: #70C3A1;
--outlines: #70C3A1;
--marker-brushes: #70C3A1;
--marker-outlines: #70C3A1;
min-height: 200px;
flex-grow: 1;
flex-basis: 0;
}
.category-chart_1 {
--brushes: #E7B7C8;
--outlines: #E7B7C8;
--marker-brushes: #E7B7C8;
--marker-outlines: #E7B7C8;
min-height: 200px;
flex-grow: 1;
flex-shrink: 0;
}
.category-chart_2 {
--brushes: #CDB3D4 #AE91B6;
--outlines: #CDB3D4 #AE91B6;
--marker-brushes: #CDB3D4 #AE91B6;
--marker-outlines: #CDB3D4 #AE91B6;
min-height: 200px;
flex-grow: 1;
flex-basis: 0;
}
.category-chart_3 {
--brushes: #FFBE88;
--outlines: #FFBE88;
--marker-brushes: #FFBE88;
--marker-outlines: #FFBE88;
min-height: 200px;
flex-grow: 1;
flex-shrink: 0;
}
.category-chart_4 {
--brushes: #74C2A3 #DFA8BB;
--outlines: #74C2A3 #DFA8BB;
--marker-brushes: #74C2A3 #DFA8BB;
--marker-outlines: #74C2A3 #DFA8BB;
min-height: 200px;
flex-grow: 1;
flex-shrink: 0;
}

@ -0,0 +1,30 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { FormsModule } from '@angular/forms';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
import { HttpClientTestingModule } from '@angular/common/http/testing';
import { IgxCategoryChartModule } from 'igniteui-angular-charts';
import { HealthIndicatorsComponent } from './health-indicators.component';
describe('HealthIndicatorsComponent', () => {
let component: HealthIndicatorsComponent;
let fixture: ComponentFixture<HealthIndicatorsComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ HealthIndicatorsComponent ],
imports: [ NoopAnimationsModule, FormsModule, HttpClientTestingModule, IgxCategoryChartModule ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(HealthIndicatorsComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

@ -0,0 +1,60 @@
import { Component, OnDestroy, OnInit } from '@angular/core';
import { Subject, takeUntil } from 'rxjs';
import { BPSystolicDiastolicType } from '../models/patient-dashboard/bpsystolic-diastolic-type';
import { TotalCholesterolType } from '../models/patient-dashboard/total-cholesterol-type';
import { CholesterolHDLLDLType } from '../models/patient-dashboard/cholesterol-hdlldltype';
import { GlucoseType } from '../models/patient-dashboard/glucose-type';
import { HeartRateType } from '../models/patient-dashboard/heart-rate-type';
import { WeightType } from '../models/patient-dashboard/weight-type';
import { PatientDashboardService } from '../services/patient-dashboard.service';
@Component({
selector: 'app-health-indicators',
templateUrl: './health-indicators.component.html',
styleUrls: ['./health-indicators.component.scss']
})
export class HealthIndicatorsComponent implements OnInit, OnDestroy {
private destroy$: Subject<void> = new Subject<void>();
public patientDashboardWeight: WeightType[] = [];
public patientDashboardHeartRate: HeartRateType[] = [];
public patientDashboardBPSystolicDiastolic: BPSystolicDiastolicType[] = [];
public patientDashboardGlucose: GlucoseType[] = [];
public patientDashboardTotalCholesterol: TotalCholesterolType[] = [];
public patientDashboardCholesterolHDLLDL: CholesterolHDLLDLType[] = [];
constructor(
private patientDashboardService: PatientDashboardService,
) {}
ngOnInit() {
this.patientDashboardService.getWeightList().pipe(takeUntil(this.destroy$)).subscribe({
next: (data) => this.patientDashboardWeight = data,
error: (_err: any) => this.patientDashboardWeight = []
});
this.patientDashboardService.getHeartRateList().pipe(takeUntil(this.destroy$)).subscribe({
next: (data) => this.patientDashboardHeartRate = data,
error: (_err: any) => this.patientDashboardHeartRate = []
});
this.patientDashboardService.getBPSystolicDiastolicList().pipe(takeUntil(this.destroy$)).subscribe({
next: (data) => this.patientDashboardBPSystolicDiastolic = data,
error: (_err: any) => this.patientDashboardBPSystolicDiastolic = []
});
this.patientDashboardService.getGlucoseList().pipe(takeUntil(this.destroy$)).subscribe({
next: (data) => this.patientDashboardGlucose = data,
error: (_err: any) => this.patientDashboardGlucose = []
});
this.patientDashboardService.getTotalCholesterolList().pipe(takeUntil(this.destroy$)).subscribe({
next: (data) => this.patientDashboardTotalCholesterol = data,
error: (_err: any) => this.patientDashboardTotalCholesterol = []
});
this.patientDashboardService.getCholesterolHDLLDLList().pipe(takeUntil(this.destroy$)).subscribe({
next: (data) => this.patientDashboardCholesterolHDLLDL = data,
error: (_err: any) => this.patientDashboardCholesterolHDLLDL = []
});
}
ngOnDestroy() {
this.destroy$.next();
this.destroy$.complete();
}
}

@ -0,0 +1,280 @@
<div class="column-layout group">
<div class="row-layout group_1">
<div routerLink="/health-indicators" class="column-layout group_2">
<img src="/assets/HRate-White.svg" class="image" />
<p class="ig-typography__subtitle-2 content">
HEART RATE
</p>
<div class="row-layout group_3">
<div class="row-layout group_4">
<h4 class="content">
82
</h4>
<h6 class="content">
bpm
</h6>
</div>
<p class="ig-typography__subtitle-2 content">
+1.12%
</p>
</div>
</div>
<div routerLink="/health-indicators" class="column-layout group_5">
<img src="/assets/BPressure-White.svg" class="image_1" />
<p class="ig-typography__subtitle-2 content">
BLOOD PRESSURE
</p>
<div class="row-layout group_3">
<div class="row-layout group_4">
<h4 class="content">
140
</h4>
<h4 class="content">
/
</h4>
<h4 class="content">
70
</h4>
<h6 class="content">
mmHg
</h6>
</div>
<p class="ig-typography__subtitle-2 content">
+1.12%
</p>
</div>
</div>
<div routerLink="/health-indicators" class="column-layout group_6">
<img src="/assets/Cholesterol-White.svg" class="image_1" />
<p class="ig-typography__subtitle-2 content">
CHOLESTEROL
</p>
<div class="row-layout group_3">
<div class="row-layout group_4">
<h4 class="content">
200
</h4>
<h6 class="content">
mg/dL
</h6>
</div>
<p class="ig-typography__subtitle-2 content">
+1.12%
</p>
</div>
</div>
<div routerLink="/health-indicators" class="column-layout group_7">
<img src="/assets/Scale-White.svg" class="image_2" />
<p class="ig-typography__subtitle-2 content">
WEIGHT
</p>
<div class="row-layout group_3">
<div class="row-layout group_4">
<h4 class="content">
112
</h4>
<h6 class="content">
lbs
</h6>
</div>
<p class="ig-typography__subtitle-2 content">
+1.12%
</p>
</div>
</div>
</div>
<div class="row-layout group_8">
<div class="column-layout group_9">
<div class="row-layout group_10">
<div class="row-layout group_4">
<p class="ig-typography__subtitle-2 text">
CURRENT MEDICATIONS
</p>
</div>
<div routerLink="/medications" class="row-layout group_11">
<a target="_blank" class="ig-typography__body-2 hyperlink">
View all
</a>
<igx-icon class="icon">
arrow_forward
</igx-icon>
</div>
</div>
<igx-list class="list">
<igx-list-item [isHeader]="false" routerLink="/medications">
<span igxListLine>
<div class="row-layout group_12">
<div class="row-layout group_13">
<img src="/assets/Med2.svg" class="image_3" />
<div class="column-layout group_14">
<p class="ig-typography__subtitle-2 text_1">
Calcium 500mg
</p>
<p class="ig-typography__caption text_1">
1 tablet(s), 1 time(s), daily, with meal
</p>
</div>
</div>
<button igxButton="icon" igxRipple routerLink="/medications" class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
<igx-list-item [isHeader]="false" routerLink="/medications">
<span igxListLine>
<div class="row-layout group_12">
<div class="row-layout group_13">
<img src="/assets/Med2.svg" class="image_3" />
<div class="column-layout group_14">
<p class="ig-typography__subtitle-2 text_1">
Hydrolyzed Collagen
</p>
<p class="ig-typography__caption text_1">
2 scoop(s), 1 time(s), daily
</p>
</div>
</div>
<button igxButton="icon" igxRipple routerLink="/medications" class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
<igx-list-item [isHeader]="false" routerLink="/medications">
<span igxListLine>
<div class="row-layout group_12">
<div class="row-layout group_13">
<img src="/assets/Med2.svg" class="image_3" />
<div class="column-layout group_14">
<p class="ig-typography__subtitle-2 text_1">
Vitamin B19 1000mg
</p>
<p class="ig-typography__caption text_1">
1 pill, 2 time(s), weekly, in the morning
</p>
</div>
</div>
<button igxButton="icon" igxRipple routerLink="/medications" class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
<igx-list-item [isHeader]="false" routerLink="/medications">
<span igxListLine>
<div class="row-layout group_12">
<div class="row-layout group_13">
<img src="/assets/Med2.svg" class="image_3" />
<div class="column-layout group_14">
<p class="ig-typography__subtitle-2 text_1">
Vitamin D 100.000 IU
</p>
<p class="ig-typography__caption text_1">
1 capsule, 1 time(s), trimonthly, with main meal
</p>
</div>
</div>
<button igxButton="icon" igxRipple routerLink="/medications" class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
</igx-list>
</div>
<div class="column-layout group_9">
<div class="row-layout group_10">
<div class="row-layout group_4">
<p class="ig-typography__subtitle-2 text">
UPCOMING APPOINTMENTS
</p>
</div>
<div routerLink="/appointments" class="row-layout group_11">
<a target="_blank" class="ig-typography__body-2 hyperlink">
View all
</a>
<igx-icon class="icon">
arrow_forward
</igx-icon>
</div>
</div>
<igx-list class="list">
<igx-list-item [isHeader]="false" routerLink="/appointments">
<span igxListLine>
<div class="row-layout group_12">
<div class="row-layout group_13">
<img src="/assets/appt-upcoming.svg" class="image_4" />
<div class="column-layout group_14">
<p class="ig-typography__subtitle-2 text_1">
Internal Medicine
</p>
<p class="ig-typography__caption text_1">
Tuesday, January 24, 2023 - 2:30pm - Dr. M. Matthews
</p>
</div>
</div>
<button igxButton="icon" igxRipple routerLink="/appointments" class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
<igx-list-item [isHeader]="false" routerLink="/appointments">
<span igxListLine>
<div class="row-layout group_12">
<div class="row-layout group_13">
<img src="/assets/appt-upcoming.svg" class="image_4" />
<div class="column-layout group_14">
<p class="ig-typography__subtitle-2 text_1">
Dermatology
</p>
<p class="ig-typography__caption text_1">
Friday, February 24, 2023 - 08:45am - Dr. V. Sawyer
</p>
</div>
</div>
<button igxButton="icon" igxRipple routerLink="/appointments" class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
<igx-list-item [isHeader]="false" routerLink="/appointments">
<span igxListLine>
<div class="row-layout group_12">
<div class="row-layout group_13">
<img src="/assets/appt-upcoming.svg" class="image_4" />
<div class="column-layout group_14">
<p class="ig-typography__subtitle-2 text_1">
Gynaecology
</p>
<p class="ig-typography__caption text_1">
Monday, March 6, 2023 - 6:30pm - Dr. J. Dean
</p>
</div>
</div>
<button igxButton="icon" igxRipple routerLink="/appointments" class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
</igx-list>
</div>
</div>
</div>

@ -0,0 +1,264 @@
:host {
height: 100%;
display: flex;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
}
.column-layout {
display: flex;
flex-direction: column;
}
.group {
background-color: rgba(256, 256, 256, 0.6);
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
gap: 40px;
overflow: auto;
position: relative;
padding: 32px;
min-width: 50px;
min-height: 50px;
flex-grow: 1;
flex-basis: 0;
}
.row-layout {
display: flex;
}
.group_1 {
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
gap: 20px;
position: relative;
min-width: 50px;
min-height: 50px;
flex-shrink: 0;
}
.group_2 {
background-color: #DFA8BB;
background-image: url("/assets/kpi-hrate.svg");
background-size: cover;
background-repeat: no-repeat;
border-radius: 13px;
justify-content: center;
align-items: stretch;
align-content: flex-start;
gap: 4px;
position: relative;
padding: 20px;
min-width: 280px;
flex-grow: 1;
flex-basis: 0;
}
.group_3 {
justify-content: space-between;
align-items: baseline;
align-content: flex-start;
position: relative;
}
.group_4 {
justify-content: flex-start;
align-items: baseline;
align-content: flex-start;
gap: 4px;
position: relative;
min-width: 50px;
}
.group_5 {
background-color: #C8AFCF;
background-image: url("/assets/kpi-bp.svg");
background-size: cover;
background-repeat: no-repeat;
border-radius: 13px;
justify-content: center;
align-items: stretch;
align-content: flex-start;
gap: 4px;
position: relative;
padding: 20px;
min-width: 280px;
flex-grow: 1;
flex-basis: 0;
}
.group_6 {
background-color: #FFBE88;
background-image: url("/assets/kpi-cholesterol.svg");
background-size: cover;
background-repeat: no-repeat;
border-radius: 13px;
justify-content: center;
align-items: stretch;
align-content: flex-start;
gap: 4px;
position: relative;
padding: 20px;
min-width: 280px;
flex-grow: 1;
flex-basis: 0;
}
.group_7 {
background-color: #70C3A1;
background-image: url("/assets/kpi-weight.svg");
background-size: cover;
background-repeat: no-repeat;
border-radius: 13px;
justify-content: center;
align-items: stretch;
align-content: flex-start;
gap: 4px;
position: relative;
padding: 20px;
min-width: 280px;
flex-grow: 1;
flex-basis: 0;
}
.group_8 {
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
gap: 40px;
position: relative;
min-width: 50px;
min-height: 50px;
}
.group_9 {
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
gap: 16px;
position: relative;
min-width: 360px;
min-height: 50px;
flex-grow: 1;
flex-basis: 0;
}
.group_10 {
justify-content: space-between;
align-items: center;
align-content: flex-start;
gap: 8px;
position: relative;
min-width: 50px;
}
.group_11 {
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
gap: 8px;
position: relative;
min-width: 50px;
}
.group_12 {
border-color: #CDE0C9;
border-width: 0px 0px 1px;
border-style: solid;
justify-content: space-between;
align-items: center;
align-content: flex-start;
position: relative;
padding: 0 0 16px;
min-width: 50px;
min-height: 50px;
}
.group_13 {
justify-content: flex-start;
align-items: center;
align-content: flex-start;
position: relative;
min-width: 50px;
min-height: 50px;
}
.group_14 {
justify-content: center;
align-items: stretch;
align-content: flex-start;
position: relative;
padding: 0 0 0 24px;
min-width: 50px;
min-height: 50px;
}
.image {
object-fit: cover;
width: 28px;
height: 24px;
min-width: 0;
min-height: 0;
max-width: 28px;
max-height: 24px;
flex-shrink: 0;
}
.content {
color: white;
height: max-content;
min-width: min-content;
}
.image_1 {
object-fit: cover;
width: 24px;
height: 28px;
min-width: 0;
min-height: 0;
max-width: 24px;
max-height: 28px;
flex-shrink: 0;
}
.image_2 {
object-fit: cover;
width: 24px;
height: 24px;
min-width: 0;
min-height: 0;
max-width: 24px;
max-height: 24px;
flex-shrink: 0;
}
.text {
color: hsla(var(--ig-info-500));
margin: 0 8px 0 0;
height: max-content;
min-width: min-content;
}
.hyperlink {
color: hsla(var(--ig-primary-900));
height: max-content;
min-width: min-content;
flex-shrink: 0;
}
.icon {
--size: 18px;
font-size: 18px;
width: 18px;
height: 18px;
color: hsla(var(--ig-primary-800));
}
.image_3 {
object-fit: cover;
height: 26px;
min-width: 0;
min-height: 0;
max-height: 26px;
flex-shrink: 0;
}
.text_1 {
color: hsla(var(--ig-secondary-500));
height: max-content;
min-width: min-content;
}
.image_4 {
object-fit: cover;
height: 28px;
min-width: 0;
min-height: 0;
max-height: 28px;
flex-shrink: 0;
}
.list {
height: max-content;
}
.button {
--igx-button-foreground: hsla(var(--ig-primary-800));
}

@ -0,0 +1,29 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { FormsModule } from '@angular/forms';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
import { IgxIconModule, IgxListModule, IgxButtonModule, IgxRippleModule } from 'igniteui-angular';
import { HomeComponent } from './home.component';
describe('HomeComponent', () => {
let component: HomeComponent;
let fixture: ComponentFixture<HomeComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ HomeComponent ],
imports: [ NoopAnimationsModule, FormsModule, IgxIconModule, IgxListModule, IgxButtonModule, IgxRippleModule ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(HomeComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

@ -0,0 +1,8 @@
import { Component } from '@angular/core';
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.scss']
})
export class HomeComponent {}

@ -0,0 +1,260 @@
<div class="row-layout group">
<div class="column-layout group_1">
<div class="column-layout group_2">
<div class="row-layout group_3">
<div class="row-layout group_4">
<p class="ig-typography__subtitle-2 text">
CURRENT MEDICATIONS
</p>
</div>
</div>
<igx-list class="list">
<igx-list-item [isHeader]="false">
<span igxListLine>
<div class="row-layout group_5">
<div class="row-layout group_6">
<img src="/assets/Med2.svg" class="image" />
<div class="column-layout group_7">
<p class="ig-typography__subtitle-2 content">
Calcium 500mg
</p>
<p class="ig-typography__caption content">
1 tablet(s), 1 time(s), daily, with meal
</p>
</div>
</div>
<button igxButton="icon" igxRipple class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
<igx-list-item [isHeader]="false">
<span igxListLine>
<div class="row-layout group_5">
<div class="row-layout group_6">
<img src="/assets/Med2.svg" class="image" />
<div class="column-layout group_7">
<p class="ig-typography__subtitle-2 content">
Hydrolyzed Collagen
</p>
<p class="ig-typography__caption content">
2 scoop(s), 1 time(s), daily
</p>
</div>
</div>
<button igxButton="icon" igxRipple class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
<igx-list-item [isHeader]="false">
<span igxListLine>
<div class="row-layout group_5">
<div class="row-layout group_6">
<img src="/assets/Med2.svg" class="image" />
<div class="column-layout group_7">
<p class="ig-typography__subtitle-2 content">
Vitamin B19 1000mg
</p>
<p class="ig-typography__caption content">
1 pill, 2 time(s), weekly, in the morning
</p>
</div>
</div>
<button igxButton="icon" igxRipple class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
<igx-list-item [isHeader]="false">
<span igxListLine>
<div class="row-layout group_5">
<div class="row-layout group_6">
<img src="/assets/Med2.svg" class="image" />
<div class="column-layout group_7">
<p class="ig-typography__subtitle-2 content">
Vitamin D 100.000 IU
</p>
<p class="ig-typography__caption content">
1 capsule, 1 time(s), trimonthly, with main meal
</p>
</div>
</div>
<button igxButton="icon" igxRipple class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
</igx-list>
</div>
<div class="column-layout group_2">
<div class="row-layout group_3">
<div class="row-layout group_4">
<p class="ig-typography__subtitle-2 text">
EXPIRED PRESCRIPTIONS
</p>
</div>
</div>
<igx-list class="list">
<igx-list-item [isHeader]="false">
<span igxListLine>
<div class="row-layout group_5">
<div class="row-layout group_6">
<img src="/assets/meds-expired.svg" class="image" />
<div class="column-layout group_7">
<p class="ig-typography__subtitle-2 content">
Hypersol B Nasal Spray
</p>
<p class="ig-typography__caption content">
1 spray, 3 time(s) / day, each nostril, for 7 days
</p>
</div>
</div>
<button igxButton="icon" igxRipple class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
<igx-list-item [isHeader]="false">
<span igxListLine>
<div class="row-layout group_5">
<div class="row-layout group_6">
<img src="/assets/meds-expired.svg" class="image" />
<div class="column-layout group_7">
<p class="ig-typography__subtitle-2 content">
Prednisone 20mg
</p>
<p class="ig-typography__caption content">
1 tablet, 2 time(s) / day, with food, for 7 days
</p>
</div>
</div>
<button igxButton="icon" igxRipple class="button">
<igx-icon>
keyboard_arrow_right
</igx-icon>
</button>
</div>
</span>
</igx-list-item>
</igx-list>
</div>
</div>
</div>
<div class="row-layout group_8">
<div class="column-layout group_9">
<h6 class="content">
Calcium 500mg
</h6>
<div class="row-layout group_10">
<div class="column-layout group_11">
<p class="ig-typography__overline text_1">
DOSAGE
</p>
<div class="row-layout group_10">
<div class="row-layout group_12">
<p class="ig-typography__subtitle-2 text_1">
1
</p>
</div>
<div class="row-layout group_12">
<p class="ig-typography__subtitle-2 text_1">
tablet
</p>
</div>
</div>
</div>
<div class="column-layout group_11">
<p class="ig-typography__overline text_1">
FREQUENCY
</p>
<div class="row-layout group_10">
<div class="row-layout group_12">
<p class="ig-typography__subtitle-2 text_1">
1 time(s)
</p>
</div>
<div class="row-layout group_12">
<p class="ig-typography__subtitle-2 text_1">
daily
</p>
</div>
</div>
</div>
</div>
<div class="column-layout group_13">
<p class="ig-typography__subtitle-2 text_2">
INDICATIONS
</p>
<p class="ig-typography__body-2 content">
Take by mouth with breakfast.
</p>
<p class="ig-typography__body-2 content">
Gador Calcium 500 mg Tablets are Calcium supplements formulated to help support bone strength. Sourced from high quality ingredients, these gluten free Nature Made Calcium 500 mg contain no color added and no artificial flavors. This gluten free Calcium supplement is perfect for adults who are low in Calcium or want an additional dietary supplement with their diet. Adults, take one of these Calcium tablet bone supplements 1 to 2 times daily with water and a meal.
</p>
<a target="_blank" class="ig-typography__body-2 hyperlink">
+ View more information
</a>
</div>
<div class="column-layout group_13">
<p class="ig-typography__subtitle-2 text_2">
PRESCRIPTION INFO
</p>
<div class="column-layout group_14">
<div class="row-layout group_15">
<p class="ig-typography__subtitle-2 text_3">
Refills Left:
</p>
<p class="ig-typography__body-2 content">
4
</p>
</div>
<div class="row-layout group_15">
<p class="ig-typography__subtitle-2 text_3">
Last Refill:
</p>
<p class="ig-typography__body-2 content">
1/10/2023
</p>
</div>
<div class="row-layout group_15">
<p class="ig-typography__subtitle-2 text_3">
Prescribed by:
</p>
<p class="ig-typography__body-2 content">
Dr. Robert Stevens
</p>
</div>
</div>
</div>
<div class="row-layout group_16">
<button igxButton="flat" igxRipple class="button_1">
<igx-icon>
alarm_add
</igx-icon>
<span>Set reminder</span>
</button>
<button igxButton="raised" igxRipple class="button_2">
<igx-icon>
replay
</igx-icon>
<span>REQUEST REFILL</span>
</button>
</div>
</div>
</div>

@ -0,0 +1,238 @@
:host {
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
}
.row-layout {
display: flex;
}
.group {
background-color: rgba(256, 256, 256, 0.6);
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
gap: 24px;
position: relative;
padding: 32px;
min-width: 360px;
min-height: 50px;
flex-grow: 1;
flex-basis: 0;
}
.column-layout {
display: flex;
flex-direction: column;
}
.group_1 {
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
gap: 32px;
position: relative;
min-width: 360px;
min-height: 50px;
flex-grow: 1;
flex-basis: 0;
}
.group_2 {
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
gap: 16px;
position: relative;
min-width: 360px;
min-height: 50px;
flex-shrink: 0;
}
.group_3 {
justify-content: space-between;
align-items: center;
align-content: flex-start;
gap: 8px;
position: relative;
min-width: 50px;
}
.group_4 {
justify-content: flex-start;
align-items: baseline;
align-content: flex-start;
gap: 4px;
position: relative;
min-width: 50px;
}
.group_5 {
border-color: #CDE0C9;
border-width: 0px 0px 1px;
border-style: solid;
justify-content: space-between;
align-items: center;
align-content: flex-start;
position: relative;
padding: 0 0 16px;
min-width: 50px;
min-height: 50px;
}
.group_6 {
justify-content: flex-start;
align-items: center;
align-content: flex-start;
position: relative;
min-width: 50px;
min-height: 50px;
}
.group_7 {
justify-content: center;
align-items: stretch;
align-content: flex-start;
position: relative;
padding: 0 0 0 24px;
min-width: 50px;
min-height: 50px;
}
.group_8 {
background-color: rgba(256, 256, 256, 0.6);
border-color: #CDE0C9;
border-width: 0px 0px 0px 1px;
border-style: solid;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
gap: 24px;
position: relative;
padding: 32px;
min-width: 360px;
min-height: 50px;
flex-grow: 1;
flex-basis: 0;
}
.group_9 {
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
gap: 32px;
position: relative;
width: 657px;
min-width: 360px;
min-height: 50px;
max-width: 657px;
}
.group_10 {
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
gap: 8px;
position: relative;
min-width: 50px;
min-height: 50px;
}
.group_11 {
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
gap: 4px;
position: relative;
min-width: 50px;
min-height: 50px;
}
.group_12 {
background-color: #F0F6EF;
justify-content: center;
align-items: center;
align-content: flex-start;
position: relative;
padding: 0 8px;
min-width: 50px;
min-height: 50px;
}
.group_13 {
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
gap: 16px;
position: relative;
min-width: 50px;
min-height: 50px;
}
.group_14 {
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
position: relative;
min-width: 50px;
min-height: 50px;
}
.group_15 {
justify-content: flex-start;
align-items: baseline;
align-content: flex-start;
gap: 8px;
position: relative;
min-width: 50px;
}
.group_16 {
justify-content: flex-end;
align-items: stretch;
align-content: flex-start;
gap: 16px;
position: relative;
min-width: 50px;
}
.text {
color: hsla(var(--ig-info-500));
margin: 0 8px 0 0;
height: max-content;
min-width: min-content;
}
.image {
object-fit: cover;
height: 26px;
min-width: 0;
min-height: 0;
max-height: 26px;
flex-shrink: 0;
}
.content {
color: hsla(var(--ig-secondary-500));
height: max-content;
min-width: min-content;
}
.text_1 {
color: hsla(var(--ig-secondary-400));
height: max-content;
min-width: min-content;
}
.text_2 {
color: hsla(var(--ig-info-500));
height: max-content;
min-width: min-content;
}
.hyperlink {
color: hsla(var(--ig-primary-900));
height: max-content;
min-width: min-content;
}
.text_3 {
color: hsla(var(--ig-secondary-400));
height: max-content;
min-width: 120px;
}
.list {
height: max-content;
}
.button {
--igx-button-foreground: hsla(var(--ig-primary-800));
}
.button_1 {
height: max-content;
flex-shrink: 0;
}
.button_2 {
--igx-button-background: hsla(var(--ig-primary-500));
height: max-content;
flex-shrink: 0;
}

@ -0,0 +1,29 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { FormsModule } from '@angular/forms';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
import { IgxListModule, IgxButtonModule, IgxRippleModule, IgxIconModule } from 'igniteui-angular';
import { MedicationsComponent } from './medications.component';
describe('MedicationsComponent', () => {
let component: MedicationsComponent;
let fixture: ComponentFixture<MedicationsComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ MedicationsComponent ],
imports: [ NoopAnimationsModule, FormsModule, IgxListModule, IgxButtonModule, IgxRippleModule, IgxIconModule ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(MedicationsComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

@ -0,0 +1,8 @@
import { Component } from '@angular/core';
@Component({
selector: 'app-medications',
templateUrl: './medications.component.html',
styleUrls: ['./medications.component.scss']
})
export class MedicationsComponent {}

@ -0,0 +1,5 @@
export interface BPSystolicDiastolicType {
Month: string;
Systolic: number;
Diastolic: number;
}

@ -0,0 +1,5 @@
export interface CholesterolHDLLDLType {
Month: string;
HDL: number;
LDL: number;
}

@ -0,0 +1,4 @@
export interface GlucoseType {
Month: string;
Glucose: number;
}

@ -0,0 +1,4 @@
export interface HeartRateType {
Month: string;
HeartRate: number;
}

@ -0,0 +1,4 @@
export interface TotalCholesterolType {
Month: string;
Cholesterol: number;
}

@ -0,0 +1,4 @@
export interface WeightType {
Month: string;
Weight: number;
}

@ -0,0 +1,9 @@
<div class="column-layout demo-content">
<img src="/assets/start-building.svg" class="image" />
<h5 class="h5">
Start building!
</h5>
<p class="text">
Remove the "demo-content" container, and add your own content.
</p>
</div>

@ -0,0 +1,49 @@
:host {
height: 100%;
display: flex;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
}
.column-layout {
display: flex;
flex-direction: column;
}
.demo-content {
background-color: transparent;
border-color: hsla(var(--ig-gray-400));
border-width: 2px;
border-style: dashed;
justify-content: center;
align-items: center;
align-content: flex-start;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
position: absolute;
padding: 64px;
min-width: 50px;
min-height: 50px;
}
.image {
object-fit: cover;
margin: 0 0 24px;
min-width: 0;
min-height: 0;
max-width: 280px;
flex-shrink: 0;
}
.h5 {
color: hsla(var(--ig-info-500));
margin: 0 0 16px;
height: max-content;
min-width: min-content;
}
.text {
text-align: center;
color: hsla(var(--ig-gray-700));
margin: 0 0 24px;
height: max-content;
min-width: min-content;
max-width: 320px;
}

@ -0,0 +1,23 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ProfileComponent } from './profile.component';
describe('ProfileComponent', () => {
let component: ProfileComponent;
let fixture: ComponentFixture<ProfileComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ProfileComponent]
})
.compileComponents();
fixture = TestBed.createComponent(ProfileComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

@ -0,0 +1,8 @@
import { Component } from '@angular/core';
@Component({
selector: 'app-profile',
templateUrl: './profile.component.html',
styleUrls: ['./profile.component.scss']
})
export class ProfileComponent {}

@ -0,0 +1,18 @@
import { HttpClientTestingModule } from '@angular/common/http/testing';
import { TestBed } from '@angular/core/testing';
import { PatientDashboardService } from './patient-dashboard.service';
describe('PatientDashboardService', () => {
let service: PatientDashboardService;
beforeEach(() => {
TestBed.configureTestingModule({
imports: [HttpClientTestingModule]
});
service = TestBed.inject(PatientDashboardService);
});
it('should be created', () => {
expect(service).toBeTruthy();
});
});

@ -0,0 +1,42 @@
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { BPSystolicDiastolicType } from '../models/patient-dashboard/bpsystolic-diastolic-type';
import { CholesterolHDLLDLType } from '../models/patient-dashboard/cholesterol-hdlldltype';
import { GlucoseType } from '../models/patient-dashboard/glucose-type';
import { HeartRateType } from '../models/patient-dashboard/heart-rate-type';
import { TotalCholesterolType } from '../models/patient-dashboard/total-cholesterol-type';
import { WeightType } from '../models/patient-dashboard/weight-type';
@Injectable({
providedIn: 'root'
})
export class PatientDashboardService {
constructor(
private http: HttpClient
) { }
public getWeightList(): Observable<WeightType[]> {
return this.http.get<WeightType[]>("https://excel2json.io/api/share/b8fb8833-7e2c-4a84-e611-08daf8ae6744");
}
public getHeartRateList(): Observable<HeartRateType[]> {
return this.http.get<HeartRateType[]>("https://excel2json.io/api/share/43cfd6ae-a6db-42b5-e610-08daf8ae6744");
}
public getBPSystolicDiastolicList(): Observable<BPSystolicDiastolicType[]> {
return this.http.get<BPSystolicDiastolicType[]>("https://excel2json.io/api/share/16761321-7913-4d05-e616-08daf8ae6744");
}
public getGlucoseList(): Observable<GlucoseType[]> {
return this.http.get<GlucoseType[]>("https://excel2json.io/api/share/e1b52986-0c42-4ee1-e617-08daf8ae6744");
}
public getTotalCholesterolList(): Observable<TotalCholesterolType[]> {
return this.http.get<TotalCholesterolType[]>("https://excel2json.io/api/share/2f36bf07-125a-4301-e612-08daf8ae6744");
}
public getCholesterolHDLLDLList(): Observable<CholesterolHDLLDLType[]> {
return this.http.get<CholesterolHDLLDLType[]>("https://excel2json.io/api/share/a1863711-3edb-42ae-e613-08daf8ae6744");
}
}

Binary file not shown.

Binary file not shown.

@ -0,0 +1,4 @@
<svg width="37" height="43" viewBox="0 0 37 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.7897 17.422C13.4517 17.1185 14.1715 16.9614 14.8998 16.9614C15.6281 16.9614 16.3478 17.1185 17.0099 17.422C17.5662 17.677 18.0707 18.0303 18.4998 18.464C18.9288 18.0303 19.4334 17.677 19.9897 17.422C20.6517 17.1185 21.3715 16.9614 22.0998 16.9614C22.8281 16.9614 23.5478 17.1185 24.2099 17.422C24.8514 17.7161 25.4242 18.1409 25.8916 18.6689C26.4051 19.179 26.8145 19.7844 27.0968 20.4514C27.3876 21.1388 27.5375 21.8776 27.5375 22.624C27.5375 23.3704 27.3876 24.1092 27.0968 24.7966C26.8075 25.4802 26.3846 26.0992 25.853 26.6171L24.9752 27.495L19.7395 33.0298C19.4562 33.3293 19.0621 33.499 18.6498 33.499L18.6463 33.4991C18.6243 33.4992 18.5182 33.4999 18.4115 33.4892C18.2556 33.4737 18.05 33.4324 17.829 33.3219C17.6336 33.2242 17.4982 33.1073 17.4354 33.0507C17.3808 33.0016 17.3256 32.9462 17.2966 32.9171L17.2891 32.9097C17.2847 32.9052 17.2802 32.9008 17.2758 32.8963C17.2705 32.8908 17.2653 32.8853 17.2601 32.8798L12.0244 27.345L11.1391 26.4597C11.133 26.4536 11.127 26.4475 11.121 26.4413C11.1155 26.4356 11.11 26.4298 11.1046 26.424C10.1213 25.3733 9.57422 23.9881 9.57422 22.549C9.57422 21.1202 10.1136 19.7444 11.0838 18.6964C11.5556 18.1556 12.1371 17.7211 12.7897 17.422ZM13.3408 20.6727C13.326 20.6901 13.3107 20.7071 13.295 20.724C12.8319 21.2188 12.5742 21.8713 12.5742 22.549C12.5742 23.2194 12.8263 23.865 13.28 24.3579L14.1604 25.2384C14.1703 25.2482 14.1799 25.2581 14.1895 25.2682L18.5707 29.8998L22.8101 25.4182C22.8196 25.4081 22.8293 25.3982 22.8391 25.3884L23.7391 24.4884L23.7554 24.4723C24.0028 24.2323 24.1996 23.945 24.3339 23.6275C24.4683 23.31 24.5375 22.9688 24.5375 22.624C24.5375 22.2793 24.4683 21.938 24.3339 21.6205C24.1996 21.303 24.0028 21.0158 23.7554 20.7757C23.7233 20.7446 23.6926 20.712 23.6634 20.6782C23.4696 20.4533 23.2297 20.2728 22.9598 20.1491C22.69 20.0255 22.3966 19.9614 22.0998 19.9614C21.8029 19.9614 21.5096 20.0255 21.2397 20.1491C20.9699 20.2728 20.7299 20.4533 20.5361 20.6782C20.5119 20.7063 20.4867 20.7335 20.4604 20.7597L19.7104 21.5097L19.7063 21.5139C19.6838 21.5366 19.5938 21.6279 19.4978 21.7047C19.4024 21.781 19.0442 22.0615 18.4998 22.0615C17.9553 22.0615 17.5972 21.781 17.5018 21.7047C17.4058 21.6279 17.3157 21.5366 17.2933 21.5139L17.2891 21.5097L16.5391 20.7597C16.5129 20.7335 16.4876 20.7063 16.4634 20.6782C16.2696 20.4533 16.0297 20.2728 15.7598 20.1491C15.49 20.0255 15.1966 19.9614 14.8998 19.9614C14.6029 19.9614 14.3096 20.0255 14.0397 20.1491C13.7721 20.2718 13.5338 20.4504 13.3408 20.6727Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 0.5C13.1716 0.5 12.5 1.17157 12.5 2C12.5 2.82843 13.1716 3.5 14 3.5H17V6.56161C7.7607 7.32384 0.5 15.064 0.5 24.5C0.5 34.4411 8.55887 42.5 18.5 42.5C28.4411 42.5 36.5 34.4411 36.5 24.5C36.5 15.064 29.2393 7.32384 20 6.56161V3.5H23C23.8284 3.5 24.5 2.82843 24.5 2C24.5 1.17157 23.8284 0.5 23 0.5H14ZM18.5 9.5C10.2157 9.5 3.5 16.2157 3.5 24.5C3.5 32.7843 10.2157 39.5 18.5 39.5C26.7843 39.5 33.5 32.7843 33.5 24.5C33.5 16.2157 26.7843 9.5 18.5 9.5Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

@ -0,0 +1,4 @@
<svg width="37" height="43" viewBox="0 0 37 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.7897 17.422C13.4517 17.1185 14.1715 16.9614 14.8998 16.9614C15.6281 16.9614 16.3478 17.1185 17.0099 17.422C17.5662 17.677 18.0707 18.0303 18.4998 18.464C18.9288 18.0303 19.4334 17.677 19.9897 17.422C20.6517 17.1185 21.3715 16.9614 22.0998 16.9614C22.8281 16.9614 23.5478 17.1185 24.2099 17.422C24.8514 17.7161 25.4242 18.1409 25.8916 18.6689C26.4051 19.179 26.8145 19.7844 27.0968 20.4514C27.3876 21.1388 27.5375 21.8776 27.5375 22.624C27.5375 23.3704 27.3876 24.1092 27.0968 24.7966C26.8075 25.4802 26.3846 26.0992 25.853 26.6171L24.9752 27.495L19.7395 33.0298C19.4562 33.3293 19.0621 33.499 18.6498 33.499L18.6463 33.4991C18.6243 33.4992 18.5182 33.4999 18.4115 33.4892C18.2556 33.4737 18.05 33.4324 17.829 33.3219C17.6336 33.2242 17.4982 33.1073 17.4354 33.0507C17.3808 33.0016 17.3256 32.9462 17.2966 32.9171L17.2891 32.9097C17.2847 32.9052 17.2802 32.9008 17.2758 32.8963C17.2705 32.8908 17.2653 32.8853 17.2601 32.8798L12.0244 27.345L11.1391 26.4597C11.133 26.4536 11.127 26.4475 11.121 26.4413C11.1155 26.4356 11.11 26.4298 11.1046 26.424C10.1213 25.3733 9.57422 23.9881 9.57422 22.549C9.57422 21.1202 10.1136 19.7444 11.0838 18.6964C11.5556 18.1556 12.1371 17.7211 12.7897 17.422ZM13.3408 20.6727C13.326 20.6901 13.3107 20.7071 13.295 20.724C12.8319 21.2188 12.5742 21.8713 12.5742 22.549C12.5742 23.2194 12.8263 23.865 13.28 24.3579L14.1604 25.2384C14.1703 25.2482 14.1799 25.2581 14.1895 25.2682L18.5707 29.8998L22.8101 25.4182C22.8196 25.4081 22.8293 25.3982 22.8391 25.3884L23.7391 24.4884L23.7554 24.4723C24.0028 24.2323 24.1996 23.945 24.3339 23.6275C24.4683 23.31 24.5375 22.9688 24.5375 22.624C24.5375 22.2793 24.4683 21.938 24.3339 21.6205C24.1996 21.303 24.0028 21.0158 23.7554 20.7757C23.7233 20.7446 23.6926 20.712 23.6634 20.6782C23.4696 20.4533 23.2297 20.2728 22.9598 20.1491C22.69 20.0255 22.3966 19.9614 22.0998 19.9614C21.8029 19.9614 21.5096 20.0255 21.2397 20.1491C20.9699 20.2728 20.7299 20.4533 20.5361 20.6782C20.5119 20.7063 20.4867 20.7335 20.4604 20.7597L19.7104 21.5097L19.7063 21.5139C19.6838 21.5366 19.5938 21.6279 19.4978 21.7047C19.4024 21.781 19.0442 22.0615 18.4998 22.0615C17.9553 22.0615 17.5972 21.781 17.5018 21.7047C17.4058 21.6279 17.3157 21.5366 17.2933 21.5139L17.2891 21.5097L16.5391 20.7597C16.5129 20.7335 16.4876 20.7063 16.4634 20.6782C16.2696 20.4533 16.0297 20.2728 15.7598 20.1491C15.49 20.0255 15.1966 19.9614 14.8998 19.9614C14.6029 19.9614 14.3096 20.0255 14.0397 20.1491C13.7721 20.2718 13.5338 20.4504 13.3408 20.6727Z" fill="#CDB3D4"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 0.5C13.1716 0.5 12.5 1.17157 12.5 2C12.5 2.82843 13.1716 3.5 14 3.5H17V6.56161C7.7607 7.32384 0.5 15.064 0.5 24.5C0.5 34.4411 8.55887 42.5 18.5 42.5C28.4411 42.5 36.5 34.4411 36.5 24.5C36.5 15.064 29.2393 7.32384 20 6.56161V3.5H23C23.8284 3.5 24.5 2.82843 24.5 2C24.5 1.17157 23.8284 0.5 23 0.5H14ZM18.5 9.5C10.2157 9.5 3.5 16.2157 3.5 24.5C3.5 32.7843 10.2157 39.5 18.5 39.5C26.7843 39.5 33.5 32.7843 33.5 24.5C33.5 16.2157 26.7843 9.5 18.5 9.5Z" fill="#CDB3D4"/>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

@ -0,0 +1,3 @@
<svg width="31" height="37" viewBox="0 0 31 37" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.474 10.7146L17.174 0.724583C16.74 0.262083 16.12 0 15.5 0C14.88 0 14.26 0.262083 13.826 0.709167L4.54151 10.6837C1.61201 13.5975 0 17.4671 0 21.5833C0 25.6996 1.61201 29.5692 4.54151 32.4829C7.47101 35.3967 11.3615 37 15.5 37C19.6385 37 23.529 35.3967 26.4585 32.4829C29.388 29.5692 31 25.6996 31 21.5833C31 17.4671 29.388 13.5975 26.474 10.7146V10.7146ZM24.2575 30.3092C21.917 32.6371 18.8015 33.9321 15.5 33.9321C12.1985 33.9321 9.08302 32.6525 6.72702 30.3092C4.38652 27.9812 3.1 24.8825 3.1 21.5987C3.1 18.315 4.3865 15.2162 6.758 12.8575L15.5 3.43792L24.2575 12.8729C26.598 15.2008 27.9 18.2996 27.9 21.5833C27.9 24.8671 26.6135 27.9658 24.2575 30.2937V30.3092ZM15.314 27.7654C13.6555 27.7654 12.1055 27.1179 10.9275 25.9617C9.7495 24.79 9.11401 23.2483 9.11401 21.5987C9.11401 20.7508 8.41651 20.0571 7.56401 20.0571C6.71151 20.0571 6.01401 20.7508 6.01401 21.5987C6.01401 24.0654 6.975 26.3933 8.742 28.1354C10.4935 29.8775 12.834 30.8487 15.314 30.8487C16.1665 30.8487 16.864 30.155 16.864 29.3071C16.864 28.4592 16.1665 27.7654 15.314 27.7654V27.7654Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

@ -0,0 +1,3 @@
<svg width="31" height="37" viewBox="0 0 31 37" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.474 10.7146L17.174 0.724583C16.74 0.262083 16.12 0 15.5 0C14.88 0 14.26 0.262083 13.826 0.709167L4.54151 10.6837C1.61201 13.5975 0 17.4671 0 21.5833C0 25.6996 1.61201 29.5692 4.54151 32.4829C7.47101 35.3967 11.3615 37 15.5 37C19.6385 37 23.529 35.3967 26.4585 32.4829C29.388 29.5692 31 25.6996 31 21.5833C31 17.4671 29.388 13.5975 26.474 10.7146ZM24.2575 30.3092C21.917 32.6371 18.8015 33.9321 15.5 33.9321C12.1985 33.9321 9.08302 32.6525 6.72702 30.3092C4.38652 27.9812 3.1 24.8825 3.1 21.5987C3.1 18.315 4.3865 15.2162 6.758 12.8575L15.5 3.43792L24.2575 12.8729C26.598 15.2008 27.9 18.2996 27.9 21.5833C27.9 24.8671 26.6135 27.9658 24.2575 30.2937V30.3092ZM15.314 27.7654C13.6555 27.7654 12.1055 27.1179 10.9275 25.9617C9.7495 24.79 9.11401 23.2483 9.11401 21.5987C9.11401 20.7508 8.41651 20.0571 7.56401 20.0571C6.71151 20.0571 6.01401 20.7508 6.01401 21.5987C6.01401 24.0654 6.975 26.3933 8.742 28.1354C10.4935 29.8775 12.834 30.8487 15.314 30.8487C16.1665 30.8487 16.864 30.155 16.864 29.3071C16.864 28.4592 16.1665 27.7654 15.314 27.7654Z" fill="#FFBE88"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

@ -0,0 +1,4 @@
<svg width="43" height="38" viewBox="0 0 43 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.54209 1.41414C8.94178 0.811061 10.4498 0.5 11.9739 0.5C13.498 0.5 15.0061 0.811061 16.4057 1.41414C17.8054 2.01722 19.0673 2.89963 20.1141 4.00734L20.1231 4.01689L21.3489 5.33703L22.5747 4.01693L22.5916 3.99901C23.6532 2.89277 24.9275 2.01255 26.3379 1.41126C27.7483 0.809962 29.2657 0.500003 30.7989 0.500003C32.3321 0.500003 33.8495 0.809962 35.2599 1.41126C36.6666 2.01098 37.938 2.88818 38.9979 3.99038C41.1991 6.2162 42.448 9.21131 42.4799 12.3419C42.5119 15.4765 41.3213 18.5002 39.1607 20.7714C39.1521 20.7805 39.1434 20.7894 39.1346 20.7983L36.743 23.1898L22.9515 37.4311C22.8755 37.5096 22.7911 37.5795 22.6999 37.6397C22.3435 37.8748 21.9259 38.0002 21.4989 38.0002C21.0719 38.0002 20.6543 37.8748 20.2979 37.6397C20.2067 37.5795 20.1224 37.5096 20.0464 37.4311L6.25471 23.1897L3.86325 20.7983C3.8533 20.7883 3.84348 20.7782 3.83381 20.768C1.69286 18.5029 0.5 15.5044 0.5 12.3876C0.5 9.2709 1.69283 6.27238 3.83371 4.00734M11.9739 3.5C10.8581 3.5 9.75396 3.72774 8.72918 4.16928C7.70441 4.61082 6.78054 5.25687 6.01412 6.06787C4.39964 7.77595 3.5 10.0373 3.5 12.3876C3.5 14.7312 4.39437 16.9861 6.0001 18.6925L8.38457 21.0769L8.40145 21.0941L21.4989 34.6187L34.5964 21.0941L34.6133 21.0769L36.9995 18.6907C38.6144 16.9862 39.504 14.7208 39.4801 12.3725C39.456 10.0182 38.5157 7.76584 36.8584 6.09341L36.8416 6.0762C36.06 5.26171 35.1218 4.61364 34.0834 4.17093C33.045 3.72821 31.9278 3.5 30.7989 3.5C29.6701 3.5 28.5529 3.72821 27.5144 4.17093C26.4796 4.6121 25.5443 5.25721 24.7643 6.06773L22.8231 8.15828C22.7416 8.24605 22.6499 8.32374 22.5499 8.3897C22.1935 8.62482 21.7759 8.75015 21.3489 8.75015C20.9219 8.75015 20.5043 8.62482 20.1479 8.3897C20.0479 8.32374 19.9562 8.24605 19.8747 8.15828L17.9294 6.0633C17.1638 5.25444 16.2415 4.60999 15.2186 4.16928C14.1939 3.72774 13.0898 3.5 11.9739 3.5ZM7.54209 1.41414C6.14244 2.0172 4.8805 2.89968 3.83371 4.00734Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.2686 11.0457C24.8226 10.988 25.363 11.2421 25.672 11.7056L28.2267 15.5376H31.9239C32.7523 15.5376 33.4239 16.2092 33.4239 17.0376C33.4239 17.866 32.7523 18.5376 31.9239 18.5376H27.4239C26.9224 18.5376 26.454 18.287 26.1758 17.8697L24.7576 15.7423L22.8166 20.5947C22.5973 21.1431 22.0764 21.5118 21.4863 21.5363C20.8961 21.5609 20.3464 21.2368 20.0823 20.7084L18.013 16.5699L16.4846 18.0983C16.2033 18.3796 15.8217 18.5376 15.4239 18.5376H10.9239C10.0955 18.5376 9.42391 17.866 9.42391 17.0376C9.42391 16.2092 10.0955 15.5376 10.9239 15.5376H14.8026L17.3633 12.9769C17.7042 12.636 18.1882 12.4797 18.6642 12.557C19.1401 12.6342 19.5499 12.9355 19.7656 13.3668L21.2717 16.3792L23.0312 11.9805C23.2381 11.4633 23.7145 11.1034 24.2686 11.0457Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

@ -0,0 +1,4 @@
<svg width="43" height="38" viewBox="0 0 43 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.54209 1.41414C8.94178 0.811061 10.4498 0.5 11.9739 0.5C13.498 0.5 15.0061 0.811061 16.4057 1.41414C17.8054 2.01722 19.0673 2.89963 20.1141 4.00734L20.1231 4.01689L21.3489 5.33703L22.5747 4.01693L22.5916 3.99901C23.6532 2.89277 24.9275 2.01255 26.3379 1.41126C27.7483 0.809962 29.2657 0.500003 30.7989 0.500003C32.3321 0.500003 33.8495 0.809962 35.2599 1.41126C36.6666 2.01098 37.938 2.88818 38.9979 3.99038C41.1991 6.2162 42.448 9.21131 42.4799 12.3419C42.5119 15.4765 41.3213 18.5002 39.1607 20.7714C39.1521 20.7805 39.1434 20.7894 39.1346 20.7983L36.743 23.1898L22.9515 37.4311C22.8755 37.5096 22.7911 37.5795 22.6999 37.6397C22.3435 37.8748 21.9259 38.0002 21.4989 38.0002C21.0719 38.0002 20.6543 37.8748 20.2979 37.6397C20.2067 37.5795 20.1224 37.5096 20.0464 37.4311L6.25471 23.1897L3.86325 20.7983C3.8533 20.7883 3.84348 20.7782 3.83381 20.768C1.69286 18.5029 0.5 15.5044 0.5 12.3876C0.5 9.2709 1.69283 6.27238 3.83371 4.00734M11.9739 3.5C10.8581 3.5 9.75396 3.72774 8.72918 4.16928C7.70441 4.61082 6.78054 5.25687 6.01412 6.06787C6.01409 6.06791 6.01415 6.06784 6.01412 6.06787C4.39964 7.77595 3.5 10.0373 3.5 12.3876C3.5 14.7312 4.39437 16.9861 6.0001 18.6925L8.38457 21.0769L8.40145 21.0941L21.4989 34.6187L34.5964 21.0941L34.6133 21.0769L36.9995 18.6907C38.6144 16.9862 39.504 14.7208 39.4801 12.3725C39.456 10.0182 38.5157 7.76584 36.8584 6.09341L36.8416 6.0762C36.06 5.26171 35.1218 4.61364 34.0834 4.17093C33.045 3.72821 31.9278 3.5 30.7989 3.5C29.6701 3.5 28.5529 3.72821 27.5144 4.17093C26.4796 4.6121 25.5443 5.25721 24.7643 6.06773L22.8231 8.15828C22.7416 8.24605 22.6499 8.32374 22.5499 8.3897C22.1935 8.62482 21.7759 8.75015 21.3489 8.75015C20.9219 8.75015 20.5043 8.62482 20.1479 8.3897C20.0479 8.32374 19.9562 8.24605 19.8747 8.15828L17.9294 6.0633C17.1638 5.25444 16.2415 4.60999 15.2186 4.16928C14.1939 3.72774 13.0898 3.5 11.9739 3.5ZM7.54209 1.41414C6.14244 2.0172 4.8805 2.89968 3.83371 4.00734Z" fill="#E7B7C8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.2686 11.0457C24.8226 10.988 25.363 11.2421 25.672 11.7056L28.2267 15.5376H31.9239C32.7523 15.5376 33.4239 16.2092 33.4239 17.0376C33.4239 17.866 32.7523 18.5376 31.9239 18.5376H27.4239C26.9224 18.5376 26.454 18.287 26.1758 17.8697L24.7576 15.7423L22.8166 20.5947C22.5973 21.1431 22.0764 21.5118 21.4863 21.5363C20.8961 21.5609 20.3464 21.2368 20.0823 20.7084L18.013 16.5699L16.4846 18.0983C16.2033 18.3796 15.8217 18.5376 15.4239 18.5376H10.9239C10.0955 18.5376 9.42391 17.866 9.42391 17.0376C9.42391 16.2092 10.0955 15.5376 10.9239 15.5376H14.8026L17.3633 12.9769C17.7042 12.636 18.1882 12.4797 18.6642 12.557C19.1401 12.6342 19.5499 12.9355 19.7656 13.3668L21.2717 16.3792L23.0312 11.9805C23.2381 11.4633 23.7145 11.1034 24.2686 11.0457Z" fill="#E7B7C8"/>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

@ -0,0 +1,4 @@
<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.60118 36.4012C2.94191 34.6939 2.01367 32.4069 2.01367 30.0262C2.01367 27.6454 2.94191 25.3585 4.60118 23.6512L23.6512 4.60118C25.3585 2.94191 27.6454 2.01367 30.0262 2.01367C32.4069 2.01367 34.6939 2.94191 36.4012 4.60118V4.60118C38.0604 6.30847 38.9887 8.59542 38.9887 10.9762C38.9887 13.3569 38.0604 15.6439 36.4012 17.3512L17.3512 36.4012C15.6439 38.0604 13.3569 38.9887 10.9762 38.9887C8.59542 38.9887 6.30847 38.0604 4.60118 36.4012V36.4012Z" stroke="#205072" stroke-width="3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.5 14.5L26.8 26.8" stroke="#205072" stroke-width="3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 806 B

@ -0,0 +1,4 @@
<svg width="40" height="43" viewBox="0 0 40 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24.5449 8.40171C24.7648 7.84572 24.6334 7.21225 24.2107 6.78948C23.7879 6.36671 23.1544 6.23538 22.5984 6.45523C21.059 7.06394 19.5756 7.80565 18.165 8.67194C18.0753 8.72701 17.9917 8.79136 17.9155 8.86393C17.6262 9.13946 17.3959 9.47087 17.2385 9.83808C17.0811 10.2053 17 10.6006 17 11.0001C17 11.3997 17.0811 11.795 17.2385 12.1622C17.3911 12.5182 17.6122 12.8406 17.8892 13.111C18.1596 13.3879 18.4819 13.609 18.8379 13.7616C19.2051 13.919 19.6005 14.0001 20 14.0001C20.3995 14.0001 20.7949 13.919 21.1621 13.7616C21.5293 13.6042 21.8607 13.3739 22.1362 13.0846L22.3282 12.8351C23.1945 11.4245 23.9362 9.94111 24.5449 8.40171Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 42.5H35L35.0045 42.5C36.1957 42.4964 37.3371 42.0217 38.1794 41.1794C39.0217 40.3371 39.4964 39.1957 39.5 38.0045L39.5 38L39.5 14L39.5 13.9955C39.4964 12.8043 39.0217 11.6629 38.1794 10.8206C37.3371 9.97834 36.1957 9.50356 35.0045 9.5H30.3937C29.6658 4.41156 25.2897 0.5 20 0.5C14.7103 0.5 10.3342 4.41156 9.60633 9.5H5L4.99552 9.50001C3.80433 9.50356 2.66294 9.97834 1.82064 10.8206C0.97834 11.6629 0.503558 12.8043 0.5 13.9955V38L0.500007 38.0045C0.503564 39.1957 0.97834 40.3371 1.82064 41.1794C2.66294 42.0217 3.80433 42.4964 4.99552 42.5L5 42.5ZM12.5 11C12.5 6.85786 15.8579 3.5 20 3.5C24.1421 3.5 27.5 6.85786 27.5 11C27.5 15.1421 24.1421 18.5 20 18.5C15.8579 18.5 12.5 15.1421 12.5 11ZM9.60633 12.5C10.2641 17.0985 13.9015 20.7359 18.5 21.3937V39.5H5.00241C4.60451 39.4983 4.22336 39.3394 3.94196 39.058C3.66051 38.7766 3.50168 38.3954 3.5 37.9974V14.0026C3.50168 13.6046 3.66051 13.2234 3.94196 12.942C4.22341 12.6605 4.60465 12.5017 5.00263 12.5H9.60633ZM21.5 21.3937V39.5H34.9976C35.3955 39.4983 35.7766 39.3394 36.058 39.058C36.3394 38.7766 36.4983 38.3955 36.5 37.9976V14.0024C36.4983 13.6045 36.3394 13.2234 36.058 12.942C35.7766 12.6605 35.3954 12.5017 34.9974 12.5H30.3937C29.7359 17.0985 26.0985 20.7359 21.5 21.3937Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

@ -0,0 +1,4 @@
<svg width="40" height="43" viewBox="0 0 40 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24.5449 8.40171C24.7648 7.84572 24.6334 7.21225 24.2107 6.78948C23.7879 6.36671 23.1544 6.23538 22.5984 6.45523C21.059 7.06394 19.5756 7.80565 18.165 8.67194C18.0753 8.72701 17.9917 8.79136 17.9155 8.86393C17.6262 9.13946 17.3959 9.47087 17.2385 9.83808C17.0811 10.2053 17 10.6006 17 11.0001C17 11.3997 17.0811 11.795 17.2385 12.1622C17.3911 12.5182 17.6122 12.8406 17.8892 13.111C18.1596 13.3879 18.4819 13.609 18.8379 13.7616C19.2051 13.919 19.6005 14.0001 20 14.0001C20.3995 14.0001 20.7949 13.919 21.1621 13.7616C21.5293 13.6042 21.8607 13.3739 22.1362 13.0846L22.3282 12.8351C23.1945 11.4245 23.9362 9.94111 24.5449 8.40171Z" fill="#70C3A1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 42.5H35L35.0045 42.5C36.1957 42.4964 37.3371 42.0217 38.1794 41.1794C39.0217 40.3371 39.4964 39.1957 39.5 38.0045L39.5 38L39.5 14L39.5 13.9955C39.4964 12.8043 39.0217 11.6629 38.1794 10.8206C37.3371 9.97834 36.1957 9.50356 35.0045 9.5H30.3937C29.6658 4.41156 25.2897 0.5 20 0.5C14.7103 0.5 10.3342 4.41156 9.60633 9.5H5L4.99552 9.50001C3.80433 9.50356 2.66294 9.97834 1.82064 10.8206C0.97834 11.6629 0.503558 12.8043 0.5 13.9955V38L0.500007 38.0045C0.503564 39.1957 0.97834 40.3371 1.82064 41.1794C2.66294 42.0217 3.80433 42.4964 4.99552 42.5L5 42.5ZM12.5 11C12.5 6.85786 15.8579 3.5 20 3.5C24.1421 3.5 27.5 6.85786 27.5 11C27.5 15.1421 24.1421 18.5 20 18.5C15.8579 18.5 12.5 15.1421 12.5 11ZM9.60633 12.5C10.2641 17.0985 13.9015 20.7359 18.5 21.3937V39.5H5.00241C4.60451 39.4983 4.22336 39.3394 3.94196 39.058C3.66051 38.7766 3.50168 38.3954 3.5 37.9974V14.0026C3.50168 13.6046 3.66051 13.2234 3.94196 12.942C4.22341 12.6605 4.60465 12.5017 5.00263 12.5H9.60633ZM21.5 21.3937V39.5H34.9976C35.3955 39.4983 35.7766 39.3394 36.058 39.058C36.3394 38.7766 36.4983 38.3955 36.5 37.9976V14.0024C36.4983 13.6045 36.3394 13.2234 36.058 12.942C35.7766 12.6605 35.3954 12.5017 34.9974 12.5H30.3937C29.7359 17.0985 26.0985 20.7359 21.5 21.3937Z" fill="#70C3A1"/>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

@ -0,0 +1,4 @@
<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1.5C8 0.671631 8.67163 0 9.5 0C10.3284 0 11 0.671631 11 1.5V3H20V1.5C20 0.671631 20.6716 0 21.5 0C22.3284 0 23 0.671631 23 1.5V3H24C27.866 3 31 6.13403 31 10V20.1063C36.0884 20.8342 40 25.2103 40 30.5C40 36.299 35.299 41 29.5 41C24.2103 41 19.8342 37.0884 19.1063 32L19.0151 30.7142C19.0051 30.6443 19 30.5728 19 30.5C19 29.6716 19.6716 29 20.5 29C21.3284 29 22 29.6716 22 30.5C22 34.6421 25.3579 38 29.5 38C33.6421 38 37 34.6421 37 30.5C37 26.3579 33.6421 23 29.5 23C28.1243 23 26.835 23.3704 25.7266 24.017C26.4474 24.1262 27 24.7487 27 25.5C27 26.3284 26.3284 27 25.5 27H22.5C21.6716 27 21 26.3284 21 25.5V22.5C21 21.6716 21.6716 21 22.5 21C23.0344 21 23.5037 21.2795 23.7693 21.7004C25.0203 20.8842 26.4559 20.3273 28 20.1063V15H3V25C3 27.2091 4.79089 29 7 29H15.5C16.3284 29 17 29.6716 17 30.5C17 31.3284 16.3284 32 15.5 32H7C3.13403 32 0 28.866 0 25V10C0 6.13403 3.13403 3 7 3H8V1.5ZM20 6V7.5C20 8.32837 20.6716 9 21.5 9C22.3284 9 23 8.32837 23 7.5V6H24C26.2091 6 28 7.79089 28 10V12H3V10C3 7.79089 4.79089 6 7 6H8V7.5C8 8.32837 8.67163 9 9.5 9C10.3284 9 11 8.32837 11 7.5V6H20Z" fill="#205072"/>
<path d="M28 27.5C28 26.6716 28.6716 26 29.5 26C30.3284 26 31 26.6716 31 27.5V29.8435L32.8851 30.8363C33.6182 31.2223 33.8995 32.1294 33.5135 32.8624C33.1274 33.5953 32.2203 33.8767 31.4873 33.4907L28.8256 32.089C28.3185 31.8219 28.0275 31.3055 28.0242 30.7699C28.0135 30.7112 28.0062 30.6512 28.0026 30.5903C28.0009 30.5604 28 30.5303 28 30.5V27.5Z" fill="#205072"/>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

@ -0,0 +1,3 @@
<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 0C8.67163 0 8 0.671631 8 1.5V3H7C3.13403 3 0 6.13403 0 10V25C0 28.866 3.13403 32 7 32H19.1063C19.8342 37.0884 24.2103 41 29.5 41C35.299 41 40 36.299 40 30.5C40 25.2103 36.0884 20.8342 31 20.1063V10C31 6.13403 27.866 3 24 3H23V1.5C23 0.671631 22.3284 0 21.5 0C20.6716 0 20 0.671631 20 1.5V3H11V1.5C11 0.671631 10.3284 0 9.5 0ZM28 20.1063C23.4015 20.7642 19.7642 24.4015 19.1063 29H7C4.79089 29 3 27.2091 3 25V15H28V20.1063ZM20 7.5V6H11V7.5C11 8.32837 10.3284 9 9.5 9C8.67163 9 8 8.32837 8 7.5V6H7C4.79089 6 3 7.79089 3 10V12H28V10C28 7.79089 26.2091 6 24 6H23V7.5C23 8.32837 22.3284 9 21.5 9C20.6716 9 20 8.32837 20 7.5ZM37 30.5C37 34.6421 33.6421 38 29.5 38C25.3579 38 22 34.6421 22 30.5C22 26.3579 25.3579 23 29.5 23C33.6421 23 37 26.3579 37 30.5ZM28 27.5C28 26.6716 28.6716 26 29.5 26C30.3284 26 31 26.6716 31 27.5V29H32.5C33.3284 29 34 29.6716 34 30.5C34 31.3284 33.3284 32 32.5 32H31V33.5C31 34.3284 30.3284 35 29.5 35C28.6716 35 28 34.3284 28 33.5V32H26.5C25.6716 32 25 31.3284 25 30.5C25 29.6716 25.6716 29 26.5 29H28V27.5Z" fill="#205072"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

@ -0,0 +1,3 @@
<svg width="39" height="37" viewBox="0 0 39 37" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.174 0.724609L20.1927 3.96729L17.4208 5.5072L15.5 3.43787L6.758 12.8575C4.38647 15.2163 3.09998 18.3149 3.09998 21.5988C3.09998 24.8824 4.38654 27.9812 6.72699 30.3092C9.08301 32.6525 12.1985 33.9321 15.5 33.9321C18.8015 33.9321 21.917 32.6371 24.2575 30.3092V30.2937C24.7654 29.7919 25.2236 29.2543 25.6299 28.6866C25.7373 28.5366 25.8411 28.3845 25.9411 28.2305L26.3483 28.4521C27.2065 28.9194 28.1786 29.0876 29.1186 28.9573C29.0879 29.0131 29.0569 29.0687 29.0255 29.1243L28.9648 29.2305L28.931 29.2888C28.9083 29.3278 28.8855 29.3665 28.8625 29.4052C28.2034 30.5139 27.3988 31.5476 26.4585 32.4829C23.529 35.3966 19.6385 37 15.5 37C11.3615 37 7.47101 35.3966 4.5415 32.4829C1.612 29.5692 0 25.6996 0 21.5834C0 17.467 1.612 13.5975 4.5415 10.6837L13.826 0.709106C14.26 0.262085 14.88 0 15.5 0C16.12 0 16.74 0.262085 17.174 0.724609ZM15.314 27.7654C13.6555 27.7654 12.1055 27.1179 10.9275 25.9617C9.74951 24.79 9.11401 23.2483 9.11401 21.5988C9.11401 20.7509 8.4165 20.0571 7.56403 20.0571C6.71149 20.0571 6.01404 20.7509 6.01404 21.5988C6.01404 24.0654 6.97498 26.3933 8.742 28.1354C10.4935 29.8774 12.834 30.8488 15.314 30.8488C16.1665 30.8488 16.864 30.155 16.864 29.3071C16.864 28.4591 16.1665 27.7654 15.314 27.7654ZM29.2172 3.18262C28.7661 2.93701 28.2206 2.93933 27.7715 3.18872L18.7715 8.18872C18.2953 8.45337 18 8.9552 18 9.5V10.3564V10.6V19.6C18 20.1493 18.3003 20.6548 18.7828 20.9174L27.7828 25.8174C28.2339 26.063 28.7794 26.0607 29.2285 25.8113L38.2285 20.8113C38.7047 20.5466 39 20.0448 39 19.5V10.5V10.1263V9.40002C39 8.85071 38.6997 8.34521 38.2172 8.08264L29.2172 3.18262ZM35.3874 9.95776L28.5073 6.21191L21.6126 10.0422L28.4927 13.7881L35.3874 9.95776ZM21 13.1246V18.7087L27 21.9755V16.3912L21 13.1246ZM36 18.6174L30 21.9507V16.3826L36 13.0493V18.6174Z" fill="#E7B7C8"/>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

@ -0,0 +1,14 @@
<svg width="240" height="140" viewBox="0 0 240 140" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_477_4572)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M188.245 15.5C184.655 15.5 181.745 18.4101 181.745 22C181.745 25.5899 184.655 28.5 188.245 28.5H197.961V37.4388C164.583 40.7036 138.5 68.8478 138.5 103.084C138.5 139.513 168.032 169.045 204.461 169.045C240.891 169.045 270.423 139.513 270.423 103.084C270.423 68.8478 244.34 40.7036 210.961 37.4388V28.5H220.678C224.268 28.5 227.178 25.5899 227.178 22C227.178 18.4101 224.268 15.5 220.678 15.5H204.461H188.245ZM183.427 76.582C185.956 75.4228 188.705 74.8228 191.487 74.8228C194.269 74.8228 197.018 75.4228 199.547 76.582C201.345 77.4059 203.001 78.4985 204.46 79.8183C205.92 78.4985 207.576 77.4059 209.374 76.582C211.902 75.4228 214.652 74.8228 217.434 74.8228C220.216 74.8228 222.965 75.4228 225.494 76.582C227.934 77.7004 230.113 79.3139 231.895 81.3187C233.834 83.2521 235.381 85.5438 236.449 88.0676C237.555 90.6798 238.124 93.4873 238.124 96.3236C238.124 99.16 237.555 101.967 236.449 104.58C235.351 107.175 233.746 109.525 231.728 111.493L228.58 114.64L209.723 134.575C208.495 135.873 206.787 136.609 205.001 136.609L204.995 136.609H204.995C204.938 136.609 204.489 136.613 204.033 136.568C203.375 136.502 202.497 136.327 201.553 135.855C200.721 135.438 200.148 134.942 199.892 134.712C199.672 134.514 199.451 134.292 199.349 134.19L199.324 134.164C199.281 134.122 199.239 134.078 199.198 134.035L180.34 114.1L177.161 110.92C177.11 110.869 177.06 110.818 177.011 110.765C173.278 106.776 171.201 101.517 171.201 96.0534C171.201 90.6337 173.244 85.4152 176.921 81.4378C178.721 79.3777 180.939 77.7225 183.427 76.582ZM186.699 90.0044C186.636 90.0788 186.57 90.152 186.503 90.2241C185.024 91.8047 184.201 93.8886 184.201 96.0534C184.201 98.1873 185 100.243 186.44 101.815L189.596 104.971C189.623 104.998 189.65 105.025 189.677 105.053C189.692 105.069 189.707 105.085 189.722 105.101L204.716 120.951L219.198 105.641C219.24 105.597 219.282 105.554 219.324 105.512L222.568 102.268C222.579 102.257 222.59 102.246 222.601 102.235C222.613 102.223 222.626 102.211 222.638 102.199C223.425 101.436 224.05 100.523 224.477 99.5135C224.904 98.5042 225.124 97.4195 225.124 96.3236C225.124 95.2278 224.904 94.1431 224.477 93.1338C224.05 92.1246 223.425 91.2114 222.638 90.4484C222.499 90.3135 222.366 90.1724 222.24 90.0256C221.644 89.3344 220.906 88.7799 220.077 88.3997C219.248 88.0195 218.346 87.8228 217.434 87.8228C216.521 87.8228 215.62 88.0195 214.79 88.3997C213.961 88.7799 213.223 89.3344 212.628 90.0256C212.523 90.1474 212.414 90.2653 212.3 90.3789L209.597 93.0817L209.588 93.0905L209.588 93.0905C209.524 93.1562 209.147 93.54 208.74 93.8652C208.344 94.1822 206.806 95.391 204.46 95.391C202.115 95.391 200.576 94.1822 200.18 93.8652C199.773 93.5399 199.396 93.1559 199.332 93.0905L199.324 93.0817L196.621 90.3789C196.507 90.2653 196.398 90.1474 196.293 90.0256C195.697 89.3344 194.96 88.7799 194.13 88.3997C193.301 88.0195 192.399 87.8228 191.487 87.8228C190.575 87.8228 189.673 88.0195 188.844 88.3997C188.023 88.776 187.292 89.3231 186.699 90.0044ZM151.5 103.084C151.5 73.8342 175.212 50.1226 204.461 50.1226C233.711 50.1226 257.423 73.8342 257.423 103.084C257.423 132.334 233.711 156.045 204.461 156.045C175.212 156.045 151.5 132.334 151.5 103.084Z" fill="url(#paint0_linear_477_4572)"/>
</g>
<defs>
<linearGradient id="paint0_linear_477_4572" x1="316.676" y1="-33.1166" x2="147.171" y2="124.755" gradientUnits="userSpaceOnUse">
<stop offset="0.0466922" stop-color="white" stop-opacity="0.3"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0_477_4572">
<rect width="240" height="140" rx="13" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 3.7 KiB

@ -0,0 +1,14 @@
<svg width="240" height="140" viewBox="0 0 240 140" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_477_4615)">
<path d="M251.604 53.7271L213.804 12.9571C212.04 11.0696 209.52 10 207 10C204.48 10 201.96 11.0696 200.196 12.8942L162.459 53.6012C150.552 65.4925 144 81.2846 144 98.0833C144 114.882 150.552 130.674 162.459 142.565C174.366 154.457 190.179 161 207 161C223.821 161 239.634 154.457 251.541 142.565C263.448 130.674 270 114.882 270 98.0833C270 81.2846 263.448 65.4925 251.604 53.7271ZM242.595 133.694C233.082 143.195 220.419 148.48 207 148.48C193.581 148.48 180.918 143.257 171.342 133.694C161.829 124.194 156.6 111.547 156.6 98.1462C156.6 84.745 161.829 72.0987 171.468 62.4725L207 24.0304L242.595 62.5354C252.108 72.0358 257.4 84.6821 257.4 98.0833C257.4 111.485 252.171 124.131 242.595 133.631V133.694ZM206.244 123.313C199.503 123.313 193.203 120.67 188.415 115.952C183.627 111.17 181.044 104.878 181.044 98.1462C181.044 94.6858 178.209 91.8546 174.744 91.8546C171.279 91.8546 168.444 94.6858 168.444 98.1462C168.444 108.213 172.35 117.713 179.532 124.823C186.651 131.932 196.164 135.896 206.244 135.896C209.709 135.896 212.544 133.065 212.544 129.605C212.544 126.144 209.709 123.313 206.244 123.313Z" fill="url(#paint0_linear_477_4615)"/>
</g>
<defs>
<linearGradient id="paint0_linear_477_4615" x1="314.177" y1="-37.8106" x2="86.0966" y2="119.011" gradientUnits="userSpaceOnUse">
<stop offset="0.0466922" stop-color="white" stop-opacity="0.3"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0_477_4615">
<rect width="240" height="140" rx="13" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

@ -0,0 +1,19 @@
<svg width="240" height="140" viewBox="0 0 240 140" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_477_4604)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M150.714 22.4224C156.72 19.8347 163.191 18.5 169.73 18.5C176.27 18.5 182.74 19.8347 188.746 22.4224C194.752 25.01 200.166 28.7962 204.658 33.5492L204.697 33.5907L209.894 39.1881L215.092 33.5907C215.105 33.5762 215.119 33.5617 215.133 33.5473C215.144 33.5359 215.154 33.5245 215.165 33.5131C219.72 28.7666 225.188 24.9898 231.239 22.4099C237.291 19.8299 243.801 18.5 250.38 18.5C256.959 18.5 263.469 19.8299 269.521 22.4099C275.556 24.983 281.011 28.7465 285.558 33.4753C295.002 43.0247 300.36 55.8747 300.497 69.3058C300.635 82.7542 295.526 95.7268 286.257 105.471C286.22 105.51 286.182 105.549 286.144 105.587L275.898 115.833L216.813 176.845C216.484 177.185 216.118 177.488 215.723 177.749C214.184 178.764 212.381 179.305 210.537 179.305C208.693 179.305 206.89 178.764 205.351 177.749C204.956 177.488 204.59 177.185 204.261 176.845L145.176 115.833L134.93 105.587C134.887 105.544 134.845 105.501 134.803 105.456C125.618 95.7386 120.5 82.874 120.5 69.5025C120.5 56.1311 125.617 43.2668 134.802 33.5492M169.73 31.5C164.96 31.5 160.239 32.4736 155.858 34.3613C151.477 36.249 147.527 39.011 144.251 42.4782C144.251 42.4783 144.251 42.478 144.251 42.4782C137.347 49.7822 133.5 59.452 133.5 69.5025C133.5 79.5236 137.324 89.1658 144.19 96.4622L154.405 106.677C154.429 106.702 154.454 106.726 154.478 106.751L210.537 164.639L266.596 106.751C266.62 106.726 266.645 106.702 266.669 106.677L276.892 96.4548C283.797 89.1667 287.6 79.4797 287.498 69.4385C287.395 59.3713 283.374 49.7402 276.288 42.5888C276.273 42.5736 276.258 42.5583 276.243 42.543C276.233 42.5334 276.224 42.5238 276.215 42.5142C272.873 39.032 268.862 36.2612 264.422 34.3685C259.983 32.4757 255.206 31.5 250.38 31.5C245.554 31.5 240.777 32.4757 236.338 34.3685C231.914 36.2546 227.915 39.0125 224.58 42.4775L216.264 51.4334C215.911 51.8137 215.514 52.1504 215.08 52.4362C213.541 53.4515 211.738 53.9927 209.894 53.9927C208.051 53.9927 206.248 53.4515 204.709 52.4362C204.275 52.1504 203.878 51.8137 203.525 51.4334L195.191 42.4582C191.918 39.0003 187.975 36.2454 183.602 34.3613C179.221 32.4736 174.501 31.5 169.73 31.5ZM150.714 22.4224C144.709 25.01 139.294 28.7965 134.802 33.5492Z" fill="url(#paint0_linear_477_4604)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M222.395 63.6797C224.796 63.4297 227.137 64.5308 228.476 66.5392L239.399 82.9236H255.199C258.789 82.9236 261.699 85.8338 261.699 89.4236C261.699 93.0135 258.789 95.9236 255.199 95.9236H235.92C233.747 95.9236 231.718 94.8375 230.512 93.0292L224.514 84.0317L216.25 104.69C215.3 107.067 213.043 108.664 210.485 108.771C207.928 108.877 205.546 107.472 204.402 105.183L195.582 87.5441L189.106 94.0198C187.887 95.2388 186.234 95.9236 184.51 95.9236H165.231C161.641 95.9236 158.731 93.0135 158.731 89.4236C158.731 85.8338 161.641 82.9236 165.231 82.9236H181.818L192.767 71.9749C194.244 70.4974 196.342 69.8203 198.404 70.155C200.466 70.4897 202.242 71.7954 203.176 73.6642L209.556 86.4229L217.033 67.7307C217.929 65.4895 219.994 63.9297 222.395 63.6797Z" fill="url(#paint1_linear_477_4604)"/>
</g>
<defs>
<linearGradient id="paint0_linear_477_4604" x1="363.61" y1="-32.4152" x2="188.919" y2="179.557" gradientUnits="userSpaceOnUse">
<stop offset="0.0466922" stop-color="white" stop-opacity="0.3"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_477_4604" x1="363.61" y1="-32.4152" x2="188.919" y2="179.557" gradientUnits="userSpaceOnUse">
<stop offset="0.0466922" stop-color="white" stop-opacity="0.3"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0_477_4604">
<rect width="240" height="140" rx="13" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

@ -0,0 +1,14 @@
<svg width="240" height="140" viewBox="0 0 240 140" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_477_4540)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M191 70C203.426 70 213.5 59.9264 213.5 47.5C213.5 35.0736 203.426 25 191 25C178.574 25 168.5 35.0736 168.5 47.5C168.5 59.9264 178.574 70 191 70ZM191 83C206.099 83 218.997 73.5733 224.128 60.2842C224.897 60.4259 225.69 60.5 226.5 60.5H249V152.833H133V60.5H155.5C156.31 60.5 157.103 60.4259 157.872 60.2842C163.003 73.5733 175.901 83 191 83ZM191 12C171.394 12 155.5 27.8939 155.5 47.5H131.833C128.698 47.5094 125.693 48.7591 123.476 50.9762C121.259 53.1934 120.009 56.1978 120 59.3333V154C120.009 157.136 121.259 160.14 123.476 162.357C125.693 164.574 128.698 165.824 131.833 165.833H250.167C253.302 165.824 256.307 164.574 258.524 162.357C260.741 160.14 261.991 157.136 262 154V59.3333C261.991 56.1978 260.741 53.1934 258.524 50.9762C256.307 48.7591 253.302 47.5094 250.167 47.5H226.5C226.5 27.8939 210.606 12 191 12ZM203.425 35.0752C199.465 36.6409 195.605 38.442 191.864 40.4683C191.575 40.6248 191.287 40.7826 191 40.9417C190.219 41.3742 189.443 41.8165 188.673 42.2686C188.065 42.6258 187.46 42.9891 186.858 43.3585C186.789 43.4243 186.722 43.4917 186.656 43.5607C186.189 44.052 185.813 44.6229 185.545 45.2472C185.488 45.3806 185.436 45.516 185.39 45.653C185.187 46.2468 185.083 46.8708 185.083 47.5002C185.083 48.2748 185.24 49.0413 185.545 49.7532C185.851 50.4651 186.297 51.1077 186.858 51.6419C187.392 52.2028 188.035 52.6493 188.747 52.9544C189.459 53.2595 190.225 53.4169 191 53.4169C191.629 53.4169 192.253 53.313 192.847 53.1103C192.984 53.0636 193.119 53.0116 193.253 52.9544C193.877 52.6869 194.448 52.3106 194.939 51.8438C195.008 51.7782 195.076 51.7109 195.141 51.6419C195.511 51.0404 195.874 50.4353 196.231 49.8268C196.683 49.0568 197.126 48.2811 197.558 47.5002C197.717 47.2128 197.875 46.9247 198.032 46.6359C200.058 42.8951 201.859 39.0347 203.425 35.0752Z" fill="url(#paint0_linear_477_4540)"/>
</g>
<defs>
<linearGradient id="paint0_linear_477_4540" x1="311.787" y1="-36.7077" x2="141.534" y2="133.653" gradientUnits="userSpaceOnUse">
<stop offset="0.0466922" stop-color="white" stop-opacity="0.3"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0_477_4540">
<rect width="240" height="140" rx="13" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

@ -0,0 +1,5 @@
<svg width="43" height="43" viewBox="0 0 43 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M41 14H29V2H14V14H2V29H14V41H29V29H41V14Z" stroke="#56C596" stroke-width="3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.5 9.5V33.5" stroke="#56C596" stroke-width="3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.5 21.5H33.5" stroke="#56C596" stroke-width="3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 523 B

@ -0,0 +1,5 @@
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M31 33C31.8284 33 32.5 33.7899 32.5 34.5C32.5 35.2101 31.8284 36 31 36C30.1716 36 29.5 35.2101 29.5 34.5C29.5 33.7899 30.1716 33 31 33Z" fill="#205072"/>
<path d="M29.5 30.5V27.5C29.5 26.6716 30.1716 26 31 26C31.8284 26 32.5 26.6716 32.5 27.5V30.5C32.5 31.3284 31.8284 32 31 32C30.1716 32 29.5 31.3284 29.5 30.5Z" fill="#205072"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M30.0262 0.512695C27.255 0.512695 24.593 1.59315 22.6058 3.52452L22.5905 3.53957L3.54049 22.5906L3.5255 22.6058C1.59413 24.593 0.513672 27.255 0.513672 30.0262C0.513672 32.7949 1.59222 35.4547 3.5204 37.4414C3.53194 37.4534 3.54373 37.4652 3.55575 37.4769C5.54302 39.4082 8.205 40.4887 10.9762 40.4887C13.7474 40.4887 16.4093 39.4082 18.3966 37.4769L18.4118 37.4619L21.1714 34.7023C22.6684 38.6745 26.5042 41.5 31 41.5C36.799 41.5 41.5 36.799 41.5 31C41.5 26.5039 38.6741 22.6679 34.7016 21.1711L37.4618 18.4109L37.4769 18.3956C39.4082 16.4084 40.4887 13.7464 40.4887 10.9752C40.4887 8.20402 39.4082 5.54204 37.4769 3.55477C37.4669 3.54455 37.4568 3.53446 37.4466 3.52452C35.4593 1.59315 32.7974 0.512695 30.0262 0.512695ZM31.1293 20.5008L35.3327 16.2974C36.7153 14.8709 37.4887 12.9621 37.4887 10.9752C37.4887 8.99199 36.7182 7.08665 35.3404 5.661C33.9147 4.28316 32.0094 3.5127 30.0262 3.5127C28.0392 3.5127 26.1305 4.28606 24.7039 5.66877L16.2472 14.1259L24.7117 22.5904C26.4646 21.2776 28.6415 20.5 31 20.5C31.0432 20.5 31.0862 20.5003 31.1293 20.5008ZM5.66976 24.7039L14.126 16.2473L22.5904 24.7117C21.2776 26.4646 20.5 28.6415 20.5 31C20.5 31.0435 20.5003 31.0869 20.5008 31.1303L16.2984 35.3327C14.8718 36.7154 12.9631 37.4887 10.9762 37.4887C8.99297 37.4887 7.08763 36.7182 5.66198 35.3404C4.28414 33.9148 3.51367 32.0094 3.51367 30.0262C3.51367 28.0393 4.28704 26.1305 5.66976 24.7039ZM23.5 31C23.5 26.8579 26.8579 23.5 31 23.5C35.1421 23.5 38.5 26.8579 38.5 31C38.5 35.1421 35.1421 38.5 31 38.5C26.8579 38.5 23.5 35.1421 23.5 31Z" fill="#205072"/>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 28 KiB

@ -0,0 +1,3 @@
export const environment = {
production: true
};

@ -0,0 +1,16 @@
// This file can be replaced during build by using the `fileReplacements` array.
// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
// The list of file replacements can be found in `angular.json`.
export const environment = {
production: false
};
/*
* For easier debugging in development mode, you can import the following file
* to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
*
* This import should be commented out in production mode because it will have a negative impact
* on performance if an error is thrown.
*/
// import 'zone.js/dist/zone-error'; // Included with Angular CLI.

Binary file not shown.

@ -0,0 +1,18 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Health Vault</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700" rel="stylesheet">
</head>
<body class="ig-typography ig-scrollbar">
<app-root></app-root>
</body>
</html>

@ -0,0 +1,12 @@
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
if (environment.production) {
enableProdMode();
}
platformBrowserDynamic().bootstrapModule(AppModule)
.catch(err => console.error(err));

@ -0,0 +1,53 @@
/**
* This file includes polyfills needed by Angular and is loaded before the app.
* You can add your own extra polyfills to this file.
*
* This file is divided into 2 sections:
* 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
* 2. Application imports. Files imported after ZoneJS that should be loaded before your main
* file.
*
* The current setup is for so-called "evergreen" browsers; the last versions of browsers that
* automatically update themselves. This includes recent versions of Safari, Chrome (including
* Opera), Edge on the desktop, and iOS and Chrome on mobile.
*
* Learn more in https://angular.io/guide/browser-support
*/
/***************************************************************************************************
* BROWSER POLYFILLS
*/
/**
* By default, zone.js will patch all possible macroTask and DomEvents
* user can disable parts of macroTask/DomEvents patch by setting following flags
* because those flags need to be set before `zone.js` being loaded, and webpack
* will put import in the top of bundle, so user need to create a separate file
* in this directory (for example: zone-flags.ts), and put the following flags
* into that file, and then add the following code before importing zone.js.
* import './zone-flags';
*
* The flags allowed in zone-flags.ts are listed here.
*
* The following flags will work for all browsers.
*
* (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
* (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
* (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
*
* in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
* with the following flag, it will bypass `zone.js` patch for IE/Edge
*
* (window as any).__Zone_enable_cross_context_check = true;
*
*/
/***************************************************************************************************
* Zone JS is required by default for Angular itself.
*/
import 'zone.js'; // Included with Angular CLI.
/***************************************************************************************************
* APPLICATION IMPORTS
*/

Some files were not shown because too many files have changed in this diff Show More

Loading…
Cancel
Save