DEV Community: Jijin P 👨‍💻🦄

Sign in using your web3 wallet, authenticate & authorize

Jijin P 👨‍💻🦄 — Tue, 26 Jul 2022 13:32:12 +0000

https://github.com/Devzstudio/w3auth

Integration Example:

https://github.com/Devzstudio/w3auth_demo

Documentation:

https://w3auth.devzstudio.com/

The authentication and authorisation parts are handled by w3auth.

Features

⛓ Multiple Chain Support: The ability for multiple chains enables users to connect to the ETH and Solana blockchains. Support for the Flow blockchain and Polkadot is planned.

👤 User Management: include the ability to block users and access both their basic and personalised profile information.

🖼️ NFT Gating Only permits NFT holders to log in.

🎟️ Token Gating Allow token holders with a minimum number of tokens to log in

✨ Custom JWT Claim The JWT Claim can be formatted to meet your needs. To pass the user profile information, you can use a custom template.

🧩 Custom Profile Fields To store those details, you can add custom profile fields and use the profile api.

🪪 KYC Support BlockPass's KYC features

Hit ⭐️ on Github

I'd love to hear your feedback.

Generate Cover Image For Your Dev Posts Easily

Jijin P 👨‍💻🦄 — Wed, 14 Aug 2019 16:05:39 +0000

Generate a cover image for your Dev.to article online.

PJijin / Cover-Image-Generator

📕 Generate a cover image for your blog post 📝 https://blogcover.now.sh/

🏙 Cover Image Generator

Generate a cover image for your blog post online.

Other projects:

🔖 MarkDown - Live Markdown Generator
🗒 Paper - A "no-cloud" note taking app with "networkless" sharing.
👨‍💻 ShowPath - Learning Path for Programmers

Generate code screenshot with CodeKeep Screenshot

⚠️ Clear cache and check demo. On mac CMD + Shift + R, On Windows Ctrl + F5

✅ Live Preview: Click Here

📹 Video Preview: Click Here

Made with ❤️ by

✨ Features

🌌 Generate Cover Image Online.
🖱 Drag and drop - Change content position easily
🖼 Insert image from computer
🌅 Change background Image from URL, Insert from Unsplash
💻 Quick Insert Programming Logos (Material Icons)
🌈 Change Canvas border
🔆 Dark / Light mode
🔛 Change canvas width, height
🎨 Customize Background, Font colours
⬇️ Download Image in PNG, SVG, JPEG Format
🖋 Font Selection Option
Background darken Option

📝 To

…

View on GitHub

Some of the features are

🌌 Generate Cover Image Online.

🖱 Drag and drop - Change content position easily

🖼 Insert image from computer

💻 Quick Insert Programming Logos (Material Icons)

🌈 Change Canvas border-radius and style

🔆 Dark / Light mode

🔛 Change canvas width, height

🎨 Customize Background, Font colours

⬇️ Download Image

Planning to add a few options like:

Select a pre-made template and save time ⏰

Feel free to report issues and contribute 🥰

Hit ⭐️ if you like the project 😍, Feel free to open issues 🎉

Github: https://github.com/PJijin/Cover-Image-Generator

Live Demo: https://blogcover.now.sh/

Join on ProductHunt ✨ https://www.producthunt.com/posts/blog-cover

Comment your suggestions 🥰

Follow On Twitter: https://twitter.com/PJijin

Let's create a Personal Website with Github and Medium or Dev.to Account.

Jijin P 👨‍💻🦄 — Fri, 28 Jun 2019 13:40:50 +0000

I have created a simple personal website maker with Github, Dev.to or Medium. Simple configuration. All it needs is your username on Github and Dev/Medium.

PJijin / Personal-Website

🙋‍♂️Create your personal website and blog with Github, Medium or Dev

Personal Website Template

Other projects:

🏙 Cover Image Generator - Generate a cover image for your blog post online.
🔖 MarkDown - Live Markdown Generator
🗒 Paper - A "no-cloud" note taking app with "networkless" sharing.
👨‍💻 ShowPath - Learning Path for Programmers

Code with ♥️

Features ✨

Automatically shows your GitHub public repo, blog posts (dev.to or medium) on your personal website.

Show Github Repo
Show Medium or Dev.to Blog Posts

Usage

Clone the Repository

 git clone https://github.com/PJijin/Personal-Website.git

Run this command to install dependencies
```
 npm install
```
Open src/config.js and then enter your social media account username.
Customize about us page from src/components/About/about.js
Run
```
npm run start
```

🤝 Contributing

Contributions, issues and feature requests are welcome!

Show your support

Give a ⭐️ if this project helped you!

View on GitHub

The website consists of Github repository portfolio and blog posts from Dev.to or Medium, About Us Section, Basic Profile information.

Hit ⭐️ if you like the project 😍, Feel free to open issues 🎉

Github: https://github.com/PJijin/Personal-Website

Demo: https://personal-website.pjijin1.now.sh/

Follow On Twitter: https://twitter.com/PJijin

Usage

1 Clone the Repository

 git clone https://github.com/PJijin/Personal-Website.git

2 Run this command to install dependencies

 npm install

3 Open src/config.js and then enter your social media account username, name, title.

const config = {
    name: 'Jijin',
    title: "Hi I'm Jijin 👋🏻",
    blog: 'Dev', // Dev.to or Medium (Make blank if you don't need the blog)

    // Social media profile username
    github: '', // [REQUIRED] Github Username
    twitter: '', // Twitter Username
    stackoverflow: '', // Eg: 3211944
    medium: '', // without @ symbol
    instagram: '',
    dev: 'pjijin',
    youtube: '', // Channel ID
    linkedin: ''
};

4 Customize about us page from src/components/About/about.js

5 Run

npm run start

What’s new in Javascript?

Jijin P 👨‍💻🦄 — Mon, 13 May 2019 05:54:24 +0000

Some of the new features are still proposal / not compatible in all browsers. So if you are playing with the code, try to use Google Chrome.
And some of them may

Private Fields

From the counterDemo class, the #counter value is private. If we try to access the #counter, then syntax error will be shown.

Big Int Multiplication

We can multiply 1234567890123456789n * 123n and obtain the correct value if we use BigInt.

Array Flat

Array.flat will convert nested array items to a flat list. By default, it will convert 1 level deep. You can use

const array = [ 1, [2 , [3 , 4 , [5 , 6 ] ]]]
array.flat(Infinity);
The output will be 1 2 3 4 5 6. if we use Infinity it will recursively convert to a flat list.

Object.fromEntries

We have use Object.entries in many cases. It will return an array from an object. Similarly, we can use the Object.fromEntries that will return the object from an array.

Emoji on VsCode 🔥

Jijin P 👨‍💻🦄 — Tue, 12 Mar 2019 03:15:08 +0000

Emoji Snippets help developers to insert emoji on files. You can insert emoji on comments or other parts of your code.

With this extension, you can beautify your comments with 😉

Visual Code Extension
https://marketplace.visualstudio.com/items?itemName=devzstudio.emoji-snippets

Extension for Visual Studio Code - Insert emoji to your Vscode files
marketplace.visualstudio.com

🚀 Usage:

1) Install the Emoji Snippets Extension on Visual Code

2) And when you want to insert emoji just type :keyword and then it will suggest the emoji related to that keyword. You can use the emoji from https://emojipedia.org/ just type : and then the name of emoji.

Contribute 🎉

https://github.com/Devzstudio/Vscode-Emoji-Snippets