About myself

Current Status

Frontend Engineer at ReImagined Finance

OSS Contributor at Developer DAO andGitcoin DAO

My projects

I have been working as a frontend engineer in the

JS/TS

ReImagined Finance : Currently I'm working here as a frontend engineer. I joined here in Jan'22 and worked on the redesigning of the website.
What I have worked on?
• Developed the landing page of the website. Added a

  Marquee

  on it. Used

  Accordian

  for the FAQs of the company. Added the

  animation

  on different components of the landing page.
• On the User Portfolio page, displayed user rewards and info related to its portfolio by querying data from the contract. Added a

  Skeleton

  for every dynamic data to indicate loading. Displayed

  live gas fee

  of the current network. Showed user's interaction with Refi contract by using

  etherscan

  API.
• Shown treasury data from

  multiple chains

  and displayed them using

  Charts

  and made it interactive so user can see data for multiple time duration.
• Add

  BSC chain

  along with

  Mainnet

  and make compatible to work with both the chains.
• Integrate

  LiquidSwap

  bridge to buy $REFI tokens
• Used

  React tabs

  to show treasury token data from multiple chains.
Lens-Protocol Livepeer integration: This is MVP where I've implemented the idea of live streaming using LivePeer and integrating it with Lens Protocol. So that user can Sign in using his lens id and go live. Once the stream is setup successfuly, the link to join the live stream gets posted from the user's profile and other people following him/her on Lens can join the stream.
Key Highlights!!
• Used

  Lens API

  to handle Sign in
• Used

  RainbowKit

  to handle connect wallet
• Display posts from user's lens timeline
• Use

  IPFS

  to store data
• Used

  URQL

  to fetch data from the GraphQL endpoint
• Create

  Post to LensHub

  containing the LiveStream URL.
Lens Protocol Subgraph: Currently the Lens API is hosted on centralized server and is not decentralized. So Developing the subgraph for the Lens Protocol API will enable every user to host his own decentralized API using sub-graph.
Key Highlights!!
• Define Schema

  for every entity
• Handle nested entities

• Listen events

  emitted from LensHub Contract
• Define

  custom event handlers

  for each event emitted from the Contract
• Make a

  decentralized API

  out of it by hosting it on SubGraph
Contributed toweb3-ui: A React UI library made for web3 specifc use cases.
My Contributions!
• Developed a

  React Hook

  which make a transaction to the contract and returns all the intermediate state of the transaction.
• Added

  Address Input

  , which validates and returns the address for the entered ENS.
• Added a method, to

  switch to correct network

  by just taking the targetted chain Id as an input. Also,

  adds the network

  to the MetaMask if targeted network is not there.
Chakra UI Carousel: A fully customizable Carousel library built on top of Chakra UI. User can modify the carousel to their liking by passing the Chakra props.
What have I done in it?
• Accept

  Left and right button

  as a props from the user
• Make responsive and change number of items to show based on screen size.
• Fully customize Layout of Carousel item using Chakra style props
• Make

  Carousel Draggable

  using mouse
Memes.party: MEMES.PARTY is the de facto meme site in web3 to rate, curate, celebrate, and proliferate meme culture and memelords in perpetuity!
What have I done in this?
• Add

  Masonry

  style to display memes
• Improve UI and UX.
Recruiter party: A decentralized recruitment platform built on top of Scaffold Eth.
My Contributions!
• Store and retrieve data from

  Ceramic

• Made the Create Profile workflow using

  React Profile Stepper

• Add Modal to chat with the other user
Pay party: A tool used to distribute compensation to team members based on democratic principles.
My Contributions!
• Added

  tooltip

• Display transation history and fix some more bugs
Tip party: Tip Party allows you to easily drop any ERC-20 token to contributors of a DAO.
My Contributions!
• Added a shareable link for the current party
• Fix bugs
MoonSwap: Enable Autonomous Organizations to put forth proposals to swap, borrow, lend and stream tokens from their treasuries to empower shared interest and foster long term partnerships between DAOs
What I have done in this?
• Added functionality to

  swap any ERC20 token

  and also added support to add custom token
• Implemented

  Create Swap

  (Token Exchange Request) and

  Commit Swap

  (Approve Token Exchange)
Meshare: A question-answer website for experienced and enthusiast developers. Any developer folk, who knows the workaround of the question or knows the solution can propose it.
Key Highlights!!
• Used

  Tailwind CSS

  and

  Chakra UI

  for the css libs

• Urql-Graphql

  to query data from the Graphql backend
• Show

  Github Activities

  of the user using Guthub API

My articles

• Compiling and testing Vyper contract using Foundry: In this article, I have illustrated how we can develop vyper contracts using foundry, write tests for it, compile it and deploy it.
• Writing And Deploying Smart Contracts Using Foundry & Thirdweb Deploy: In this article, I have illustrated how using Foundry we can develop a Smart Contract, write tests for it and deploy our Smart Contract to the blockchain using thirdweb deploy.
• Develop your first DApp!: In this article, I have illustrated how to develop a Smart Contract from complete scratch. I have explained all the functions and core concepts with a lot simplification so that any beginner can understand it easily.
• Integrate your React App with Smart Contracts: In this, I am explaining how to deploy the Smart Contract wrote in above article to a testnet and how we can interact with that deployed Smart Contract from our frontend.
• Testing Solidity Smart Contracts: In this tutorial, I am illustrating on how to write tests for our Solidity Smart Contracts.
• Integrate Your Svelte App with a Smart Contract: As there are very less information available for Svelte, in this tutorial I am explaining how to integrate your Svelte App with a Smart Contract.
• A guide about Moonswap: This is a technical guide in which I am explaing Moonswap project, its features and how to use it.

My video tutorial

• Building Guestbook using Nextjs, RainbowKit, Wagmi and Chakra UI: In this video, I am explaining how to build a Guestbook using Nextjs, RainbowKit, Wagmi and Chakra UI.

My talk

• Integrating GraphQL APIs into React app - talk at Rectify India 2021: In this talk, I have explained how we can integrate GraphQL APIs to our React app.