Skip to content
View YardenPorat's full-sized avatar
🚀
🚀
Block or Report

Block or report YardenPorat

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
YardenPorat/README.md

Hello There, I'm Yarden Porat.

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

Linkedin Badge

Yarden Porat's GitHub Stats

Projects

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

Click on the image to view the project:

Contactless WhatsApp Messenger

Go to repository

Selectors Translated: CSS selector translator and visualizer

Click on the image to view the application:

Selectors Translated

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.

LinkedIn Frame Generator

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

Repository link

test npm

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.

GitHub links on a card

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

customization options


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"],
};
yardenporat's vistors

Pinned

  1. eslint-plugin-validate-declared-imports eslint-plugin-validate-declared-imports Public

    ESLint plugin that validates typescript globally declared typings imports

    TypeScript 3 1

  2. wixplosives/action-slack-message wixplosives/action-slack-message Public

    Github action that sends slack messages for core3

    TypeScript 2

  3. wixplosives/isomorphic-worker wixplosives/isomorphic-worker Public

    TypeScript 1 1

  4. natour natour Public

    An advanced CSS & Sass project.

    SCSS

  5. linkedin-frame linkedin-frame Public

    HTML 22 6

  6. emaily-survey-app emaily-survey-app Public

    MERN Stack email surveys app

    JavaScript