Coffee Maps

screenshot of Coffee Maps
react
material-ui

Crowdsourced map of San Francisco Bay Area third-wave coffee roasters. Built using React, Material-UI, and LeafletJS connected to Google Sheets for easy community editing!

Overview

The coffee scene in the San Francisco Bay Area is bustling with an impressive array of local roasters dedicated to crafting high-quality brews. Emphasizing the concept of third wave coffee, these businesses focus on sourcing beans directly from farms and carefully roast them to highlight their unique flavor profiles, moving away from the traditional mass-production methods of coffee making. It's an exciting time for coffee lovers to explore and support these independently-run small businesses in their communities.

By choosing to purchase from local roasters, you’re not just enjoying exceptional coffee; you're also contributing to the growth of local economies. Whether you're a seasoned connoisseur or just dipping your toes into the world of specialty coffee, supporting these local gems makes each cup even more rewarding.

Features

  • Exceptional Quality: Local roasters prioritize high-quality beans and utilize meticulous roasting methods to bring out the best flavors.
  • Community Focused: Purchasing from these businesses helps sustain local economies and supports small business owners in the area.
  • Unique Selection: Each roastery offers a distinct range of flavors and blends, celebrating the diversity of coffee from around the world.
  • Transparent Sourcing: Third wave coffee emphasizes beans sourced directly from farmers, ensuring ethical production practices.
  • Innovative Brewing Techniques: These roasters often experiment with different brewing methods, making the coffee experience diverse and exciting.
  • Unique Atmospheres: Many local coffee shops provide a welcoming environment for patrons to enjoy their brews, offering a cozy spot for relaxation or work.
  • Opportunities for Contribution: If you know a roaster that's not yet included in local listings, there's a chance to engage by adding them and supporting the community further.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

github-pages
GitHub Pages

Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading