🥘SavorSpot – A Front-End Playground in Design & Delight

SavorSpot wasn’t built to tackle a major challenge—it was designed to highlight aesthetics and smooth interaction. I focused entirely on front-end development, experimenting with design libraries to deliver a modern interface that feels quick, clean, and responsive. No authentication. No backend. Just a showcase of UI/UX craftsmanship.

🛠️ Tech Stack

• Frontend: React

• UI Libraries: ShadCN UI, Tailwind CSS

🎨 Core Features

• Fully responsive layout for mobile and desktop

• Interactive drawer for navigation and content

• Clean card-based layout for displaying items (e.g., restaurants, food places)

• Scroll animations and transitions for a premium feel

• Seamless user flow with no page reloads

🎯 The Goal
SavorSpot was built with a simple intention: create something visually appealing. After working on feature-packed and data-driven apps, I wanted a project centered purely on front-end polish and design. This gave me the space to:

1. Explore ShadCN UI components in a real-world setup

2. Refine CSS and layout techniques

3. Experiment with animations and transitions using Framer Motion

4. Deliver a responsive experience that feels seamless across devices

⚔️ Challenges Faced

1. Drawer Component Issues: Customizing the ShadCN UI drawer for mobile was tricky. The layout often broke, and touch interactions didn’t feel natural.

2. Infinite Scroll Bug: A re-render issue caused the drawer’s content to scroll endlessly. Fixing it meant digging into how the drawer and scroll containers were structured.

3. Overengineering UI Logic: I sometimes made the UI logic more complex than necessary—realizing later that simpler solutions would have been cleaner and more maintainable.

📚 What I Learned

1. Enhanced my approach to responsive layout design

2. Sharpened debugging skills for component-driven rendering issues

3. Discovered effective ways to extend and tailor third-party UI components

4. Built confidence in leveraging Framer Motion for smooth, subtle animations

5. Appreciated the importance of writing clean, maintainable front-end code—especially in projects without a backend

💭 Final Thoughts
SavorSpot felt like a refreshing change—no API struggles, no authentication issues, just a focus on design and interaction. It reminded me that the frontend alone can stand as the product. While it started as a simple UI sandbox, the deep dive into layout, styling, and component logic turned it into a highly rewarding experience.