Hondra's Portfolio

The Beans Place

Preview image coming soon
ReactViteTailwind CSSFramer Motion

A responsive marketing site for a specialty coffee brand, showcasing single-origin beans with scroll-reveal animations.

GitHubLive Demo

About this project

The Beans Place is a marketing and product-showcase site for a specialty coffee brand. It highlights a curated lineup of single-origin coffee beans — from Ethiopian Harrar to Jamaican Blue Mountain and Panama Geisha — alongside brand storytelling and a contact section linking out to the shop's location. Built with React and Vite, styled with Tailwind CSS, and animated with Framer Motion for scroll-triggered reveals.

Main Features

  • Product showcase for 16+ single-origin coffee beans, each with its own packaging artwork
  • Animated hero section and scroll-reveal transitions built with Framer Motion
  • Reusable UI kit (buttons, cards, badges, inputs) styled with Tailwind CSS
  • Contact section with a form and a direct link to the shop's location

Challenges

  • The main technical or product challenge you ran into.

Solutions

  • How you solved that challenge.

Lessons Learned

  • What you'd do differently, or what you learned.