DEV Community: Athul A

Generate Cryptographically-secured password using 12 words mnemonic phrase without storing your password anywhere

Athul A — Wed, 26 Oct 2022 18:42:26 +0000

Hey guys I have developed an algorithm which will generate cryptographically-secured password using 12 words mnemonic words.
You just need to remember/Write down this 12 words to recover and to get your password for all your needs.
Your passwords are not stored anywhere,It is generated cryptographically using random entropy.

I made a website to generate your 12 words and to generate passwords with it.
At first you need a 12 words mnemonic phrase that will be your master key. DON'T LOSE IT!!!
And after that you need to create a password(Not the one we are generating) which you can remember to create an account, So only with this password and that 12 words you can only get your words. You can have different passwords to create multiple accounts.
For example,
Imagine you have created a 12 words mneomnic phrase, Let us call that as X.
So you need to create a extra password your own and call that 'abc'
So basically X+'abc' can generate different types of password
At the same time you can create another password call it as 'cdf'
X+'cdf' will lead to another different account of your own seed phrase
So you can create any number of accounts
You can use it for several purpose.

So After entering your own password we get into generating the cryptographically secured password which can be used for your credentials
So if you want password for google you can type google in the input box and you will get your password.
If you want another password for google account you can type 'google1' and get that.
You can type anything in the input box and get the password
But you need to remember what you have typed to recover it.
For convenience we type facebook for generating passwords for facebook.

Here is the website I hosted(Please open it in PC,since I didn't add media queries)
Link : https://63597b2a9c97c814225eed2c--quiet-croquembouche-dd4b57.netlify.app/

Here is my github code link
Link : https://github.com/Athulr32/password-gen

if there is any problem with the code like any security issues let me know, And I am planning to make an extension also which will help you to automatically get passwords in the input box when you visit a website and also a mobile app.

So if you guys found any security flows in my code or anything to add more let me know in the comment section.

Thank You :)
Lets meet in comment section!

Difference Between Class Based and Function Based Components in React!

Athul A — Fri, 11 Feb 2022 07:50:40 +0000

Class Based Components were used in react before the release of hooks which supports state changing mechanism etc in function based component.
We also use Class Based Components nowadays but function based component is more reliable with the release of react hooks. Again it depends upon on the user which one to use.They can use both or any one.
In Class Based Components the state is managed only using objects whereas in function based we can have different values

Function Based Component

const [showUsers, setShowUsers] = useState(true);

//To Update this state
//we need to call setShowUsers() function and pass the value

In function based Component the new state will overwrite the previous state,but we can do merging by using our own logic

Class Based Component

 constructor(){
    super();
    this.state = {
      showUsers:true,
    };

  }

//To update this State
this.setState((prevState)=>{
        return {//Things to be returned}
    })

The New State will get merged with the previous state it won't get overwritten as in function based component.

Class based component cannot use React Hooks!!

Thanks for reading :)
I use function based component!!What about you?

Created a React app for calculating PNL for crypto trading

Athul A — Sun, 30 Jan 2022 07:22:21 +0000

Hey guys it's my first reactjs project.
I made a PNL calculator for crypto trading.
You need to enter the details of your trading strategy and execute and you can see your PNL.
As of now the trade will be randomised depends upon your winrate and the PNL is calculated.

Link: https://crypto-pnl.herokuapp.com/

Github: https://github.com/Athulr32/crypto-pnl-calculator

Thank you!

Context Api in react

Athul A — Wed, 19 Jan 2022 10:54:07 +0000

Today I covered the context api concept in react.It is useful to pass value from one component to another component without the use of props chaining.

First of all we need to create a new js file

const Context=React.createContext({
        isLoggedIn : false
});

export default Context;

Now we created a context with the component name Contex which is an object having our value to be passed to other component

Now we need to import this to parent component (Eg:App.js),
and we should wrap the whole return state with the imported component i.e Context

const [isLoggedIn,setLoggedIn] = useState(false);

function loginHandler(){
 setLoggedIn(true)
}

//Value here passed is the vlaue of isLoggedIn variable it will be changed when the user logged In 
<Context.Provider value={{
isLoggedIn:is isloggedIn}}>
  //Rest of the component
</Context.Provider>

so basically when the user is loggedIn the loginHandler will be executed and isLoggedIn wil become true and it will be passed to all component

To consume the passed data

//Ctx will be an object containing our data
return (<Context.Consumer>

   {(ctx)=>{
  return ({ctx.isLoggedIn && <Login></Login>)
}}
  </Context.Consumer>
)

There's an alternative way of consuming the data by using useContext hooks

const ctx = useContext(Context)
return (
 ({ctx.isLoggedIn && <Login></Login>}
)

This helps us to reduce the code and avoid the use of function

useState hooks in react

Athul A — Tue, 18 Jan 2022 13:53:30 +0000

Hey,
It's my first post in dev.to, I am looking forward to learn different types of technology and their implementations,peoples thoughts etc through this platform.
I am currently learning Reactjs

Today i learned about the useState **hook in reactjs. It was interesting and at the same time it was much confusing but I got the concept behind it and then onwards I was able to code fastly. I also given a try to **useReducer hook which is an alternative to useState hook and it should be used when a state depends upon the value of another state.It also helps to reduce the number states in the code thus we are able to reduce the code length.And it's the programmer choice to choose useState or useReducer.If the logic is not much complex then useState will be the better choice whereas in the case of complex code useReducer should be apt.

Thank you!