Hello There, I'm Yarden Porat.

I am a passionate and enthusiastic self-taught web developer.

Projects

Contactless WhatsApp Messenger: Send whatsapp messages without adding people to your contact

Click on the image to view the project:

Go to repository

Selectors Translated: CSS selector translator and visualizer

Click on the image to view the application:

LinkedIn Frame Generator: Create custom LinkedIn avatar frames

Not long ago LinkedIn added a feature that allows adding a frame to your profile picture, letting everyone know if your are #hiring or #opentowork.

Now, you can create your own custom frames, adding a little more character to your LinkedIn profile.

ESLint plugin: validate declared imports: validate typescripts globally declared modules

Repository link

When you declare modules with typescript, filepaths are not validated to be correct.

Example:

declare module "*.module.css" {
  const classes: { [key: string]: string };
  export default classes;
}

This will not throw an error, even though path is incorrect:

import styles from "asdasdasdasdasd.module.css";

Usage

Add validate-declared-imports to the plugins section of your .eslintrc configuration file. You can omit the eslint-plugin- prefix:

{
  "plugins": ["validate-declared-imports"]
}

Then configure the rules you want to use under the rules section.

{
  "rules": {
    "validate-declared-imports/no-unresolved-declared-imports": [
      "error",
      {
        "fileExtensions": [
          // Asset files: png, jpeg, svg...
          ".jpg",
          // Style files
          ".module.css", // CSS Modules
          ".module.scss", // SCSS Modules
          ".module.less", // Less Modules
          ".st.css" // Stylable files
        ]
      }
    ]
  }
}

LeanKit to GitHub: chrome extension: Add links to KanBan cards

Repository link

PlanView AgilePlace \ PlanView LeanKit

A tiny chrome extension that adds GitHub links to cards which references github issue or pull request.

You can customize the board's title which you want to focus on, and your favorite GitHub repository which you want to go to

MORE ABOUT ME

const yardenporat = {
  education: [
    "BA - Reichman University (IDC Herzliya)",
    "MBA - Tel Aviv University",
  ],
  languages: ["TypeScript", "Javascript", "Python", "Bash Scripts"],
  frameworks: ["Node.js", "React.js", "Next.js"],
  css: ["CSS", "Sass", "Stylable"],
  tests: ["playwright", "mocha", "chai", "sinon"],
  DBs: ["MongoDB", "SQL"],
  tools: ["Git", "Wordpress", "Electron"],
};