Profile picture of Rachit Thakur
Rachit Thakur
I help startups build better products through clear UI/UX design.
Follow me
Generated by linktime
July 14, 2025
๐Ÿ›‘ Not every page should be public. Today, I built a Protected Routing system in my React app using Firebase Authentication + React Router v6. And let me tell you โ€” this was a game changer for how I think about frontend security ๐Ÿ” Hereโ€™s what I implemented: โœ… A PrivateRoute wrapper that redirects unauthenticated users using โœ… A custom Auth Context built on onAuthStateChanged() from Firebase โœ… Automatic redirect to login when the token/session expires This setup made sure: โ€“ /dashboard is only accessible if the user is logged in โ€“ Auth state is shared cleanly via context โ€“ No more UI flashes or race conditions between auth and routing ๐Ÿ’ฌ Whatโ€™s your preferred method for route protection? HOCs, hooks, or something else entirely? Letโ€™s share patterns โ€” the cleaner the flow, the safer the app. ๐Ÿš€ #reactjs #firebase #frontendsecurity #webdevelopment #learninginpublic #rachitCodes #router #protectedroutes #vitejs
Stay updated
Subscribe to receive my future LinkedIn posts in your mailbox.

By clicking "Subscribe", you agree to receive emails from linktime.co.
You can unsubscribe at any time.

July 14, 2025
๐—ฅ๐—ฒ๐—ถ๐—บ๐—ฎ๐—ด๐—ถ๐—ป๐—ถ๐—ป๐—ด ๐—ญ๐—ฒ๐—ฝ๐˜๐—ผ ๐—ฆ๐—ฒ๐—ฎ๐—ฟ๐—ฐ๐—ต: ๐—” ๐— ๐—ถ๐—ฐ๐—ฟ๐—ผ ๐—–๐—ฎ๐˜€๐—ฒ ๐—ฆ๐˜๐˜‚๐—ฑ๐˜† ๐—ผ๐—ป ๐—™๐—ฎ๐˜€๐˜๐—ฒ๐—ฟ ๐—ฅ๐—ฒ๐—ผ๐—ฟ๐—ฑ๐—ฒ๐—ฟ๐—ถ๐—ป๐—ด Reordering essentials should feel natural. Most of us buy the same items again and again, yet the search journey often slows us down. Typing, scrolling, navigating, and facing out of stock dead ends create friction that breaks momentum. For this concept case study, I explored how Zepto could simplify early steps and turn repeat purchasing into a smooth, habit-forming flow. ๐Ÿญ. ๐—š๐—ฒ๐˜€๐˜๐˜‚๐—ฟ๐—ฒ ๐—•๐—ฎ๐˜€๐—ฒ๐—ฑ ๐—ฅ๐—ฒ๐—ผ๐—ฟ๐—ฑ๐—ฒ๐—ฟ๐—ถ๐—ป๐—ด A simple lift, drag, and drop interaction that lets users add or increase quantity without losing rhythm. This reduced time per item and improved repeat purchase velocity. ๐Ÿฎ. ๐— ๐—ฒ๐—ฎ๐—น ๐—”๐˜„๐—ฎ๐—ฟ๐—ฒ ๐—”๐˜‚๐˜๐—ผ ๐—ฆ๐˜‚๐—ด๐—ด๐—ฒ๐˜€๐˜๐—ถ๐—ผ๐—ป๐˜€ Search predicts what users may need based on time of day. Breakfast, lunch, snacks, dinner. This helped users reach their first item faster. ๐Ÿฏ. ๐—ฆ๐—บ๐—ฎ๐—ฟ๐˜ ๐—ฆ๐˜„๐—ฎ๐—ฝ Unavailable items auto replace with relevant alternatives based on user habits. This kept users in the journey and lowered drop offs while improving trust in recommendations. The goal was clear. Reduce early effort, keep users moving, and create a faster, more intuitive way to reorder essentials. Full case study on Behance: https://lnkd.in/e9GiJ3Rv #design #productdesign #uxdesign #uidesign #interactiondesign #casestudy #microcasestudy #productthinking #userexperience #designtools #designprocess #uxresearch #productstrategy #designportfolio #mobileappdesign #appdesign #predictiveux #aiexperience #ecommerceux #ecommercedesign #deliveryapps #searchux #searchredesign #designinnovation #productimprovement
2 comments
November 24, 2025