Forem: Sharath Prabhal

Deep link to a Chrome extension's review page

Sharath Prabhal — Tue, 19 Jan 2021 17:40:51 +0000

I recently found this trick and thought I'd share with the community. It's common practice for Chrome extension devs to prompt users to write a review in the product. However, there is no obvious way to take them directly to the reviews page... until now.

Via trial and error, I found that by adding /reviews, you can deep link to the reviews page. Eg.

https://chrome.google.com/webstore/detail/time-travel/okaonjclghcehlghnbmjmbndjlninpip/reviews

Building a bubble heart counter in React using Framer Motion

Sharath Prabhal — Wed, 09 Sep 2020 21:06:18 +0000

I started off wanting to write an extensive step-by-step tutorial on how to build a bubble heart counter. But, Framer Motion turned out to be so simple that I decided to just post my code below. Hit me up @SharathPrabhal if you have any questions or want me to write a post on other animations patterns.

function HeartComponent() {
  const [floatingHearts, setFloatingHearts] = useState<JSX.Element[]>([]);
  return (
    <motion.div
      className="relative rounded-full text-5xl inline-block p-2 cursor-pointer"
      onClick={() => {
        setFloatingHearts([
          ...floatingHearts,
          <motion.div
            key={floatingHearts.length}
            className="absolute top-0 z-50"
            animate={{
              y: -150,
              opacity: 0,
              scale: 1.75,
              x: [0, randomNumber(-150, 150)],
            }}
            transition={{ duration: 2 }}
          >
            <HeartFilledIcon
              style={{
                color: randomColor({
                  luminosity: 'bright',
                }),
              }}
            />
          </motion.div>,
        ]);
      }}
    >
      <HeartIcon />
      {floatingHearts}
    </motion.div>
  );
}

Single codebase to power a website and a Google Chrome extension

Sharath Prabhal — Mon, 01 Jun 2020 15:58:17 +0000

Available at

https://sharathprabhal.com/blog/convert-react-app-to-google-chrome-extension

Launching Roost, a cheaper way to travel

Sharath Prabhal — Wed, 29 Jan 2020 13:27:12 +0000

Hello makers!

Super excited to launch my new venture on PH today. Roost was completely bootstrapped, built and deployed by a 1 person engineering team. The stack is React, Redux, TailwindCSS(my new fav), NodeJS, Express, Mongo, Redis. Launched on AWS ECS as containers. Happy to answer any tech questions.

Roost is currently only available in the US but we plan to expand soon. Would love your feedback (and an upvote :D)!

https://www.producthunt.com/posts/roost-7

Mock software developer interviews

Sharath Prabhal — Sun, 29 Dec 2019 16:49:45 +0000

Hello! While this time of the year is typically a dull period at work, but is also when many of us plan to switch jobs/careers. In the spirit of giving back, I’m planning to run a little experiment - for the next 2 weeks, I will be doing 45 min mock interviews for software developers. These interviews will be generic and the primary goals are

Talk to a seasoned interviewer, better than practicing with friends
Cover basic programming skills and system design concepts
Provide candid feedback - you never get these in real interviews

Format:
First 5 minutes - Intro. Be prepared to answer questions about the experience listed on your resume.

Next 30 minutes - Generic software developer phone screen. Expect some basic programming and algorithm questions, system design concepts and simple coding problems. Use any language of your choice.

Last 10 minutes - will provide candid feedback on our conversation and pointers for improvement

Schedule your time at https://calendly.com/sharath-prabhal/interview

FYI, this is totally FREE and open to developers and aspiring developers from all over the world.

My creds at https://www.linkedin.com/in/sharathprabhal/

developers #software #interviews #mockinterviews #coding