Sneha

SNEHA FARKYA

Writing

How I think through frontend systems

I write when something does not make sense yet. Most of it starts with a question - about data flow, architecture, or why a system breaks under scale - and turns into something structured enough to share.

Showing: Frontend Development

2025 3 min read • 35 views

My First No-Code Project with Framer — From a Developer’s Perspective

Hi, I’m Sneha, and this is not just another article about tech!In this article, I’ll walk you through Framer and one of its easiest, beginner-friendly examples. As a Frontend Developer, my life has always revolved around React.js, Next.js, and, of co...

framerarticlesFrontend DevelopmentfrontendExplain like I am fiveDeveloperdevelopers
Read

2025 3 min read • 56 views

UX that matters but often goes unnoticed!

Hi, I'm Sneha, and if you’re a designer, this article will resonate with you! BOLD statement, right? Go on, read this article, and by the end, you will agree with me. Imagine going to a coffee shop with aesthetic appeal, a beautiful aroma, and a rela...

UXFrontend Developmentux designFront-end DevelopmentDeveloperbest practices
Read

2024 5 min read • 38 views

Chapter 2: Connecting MongoDB with Our Note-Taking App in React

Hi everyone, welcome back to the note-taking series. In Chapter 1, we focused on implementing Firebase authentication in our note-taking app to handle user sign-in and registration. In case you missed it, here’s the link to chapter 1: https://snehafa...

ReactTutorialFrontend DevelopmentMongoDB
Read

2024 8 min read • 41 views

Firebase Authentication in React: Chapter 1 of Note Taking Series

Oh! You finally made it to here. I know you want to learn full-stack and scale up your career and so do I. But hey, things take time and you should be consistent.Welcome to the first chapter of my Note-Taking series called "Understanding Firebase Aut...

FirebaseReactTailwind CSSFrontend Developmentfull stack
Read

2024 5 min read • 23 views

Dualite: Turn Your Figma Designs into Code Instantly

In the world of web development, turning meticulously crafted design mockups into clean, functional code is a crucial but often tedious task. As a front-end developer, I've faced the challenge of manually translating every pixel from tools like Figma...

dualiteTutorialReactguest postFrontend Development
Read

2024 6 min read • 105 views

Crafting a Personalized Virtual Rakhi Card with React: A Digital Twist on Tradition

In today’s fast-paced world, where physical distances often separate loved ones, technology bridges the gap creatively and meaningfully. One such beautiful innovation is the concept of virtual rakhi cards, which allows us to celebrate traditional fes...

ReactTailwind CSSFrontend DevelopmentHTML Canvas
Read

2024 5 min read • 33 views

Customizing React Select DROPDOWN Component

It's good to see you here. I am happy that such a curious person exists! Have you ever faced difficulties in making a custom dropdown? I'm sure you have at some point in time! I did face this issue a couple of times, and then I figured out this amazi...

react-selectReactFrontend DevelopmentTutorial
Read

2023 3 min read • 54 views

Building a Stylish Photo Upload Component with React and Tailwind CSS

I write articles based on my experiences. Recently, I was building something which required users to attach their photo(s). The process is straightforward but quite often people find it difficult to add. In this article, you will learn how to add the...

ReactTailwind CSSTailwind CSS TutorialFrontend DevelopmentTechnical writing
Read

2023 4 min read • 101 views

Understanding the Group Property in Tailwind CSS: A Comprehensive Guide

So, I was working on a project and encountered a part where I wanted to hover on the button when I hovered the card. But what is this? I have only used hover on one element at a time! How can I hover another element with the same hover?? Hi guys and ...

Tailwind CSSTailwind CSS TutorialReactFrontend Developmentarticles
Read

2023 3 min read • 133 views

Crafting a Dynamic Profile Card: Unleashing React and Tailwind CSS

Introduction In this tutorial, we'll explore how to build an interactive Profile Card using React and Tailwind CSS. We'll walk through the process of creating a user interface with smooth animations, a cancel sound effect, and a blur effect. The fina...

ReactTailwind CSSTutorialFrontend Developmentprofile
Read

Beyond blogs, I write technical documentation, product breakdowns, and community-driven content across platforms.