Projects

Coffee Shop Website

Menu website for a Moscow coffee shop with interactive tabs, news sliders, and a contact map.

  • React
  • Vite
  • styled-components
  • react-slick

A single-page site for a Moscow coffee shop with two locations. Guests can browse the full menu, read the latest news, meet the team, and find contacts with a map.

Architecture and technical decisions

Built with React 18 + Vite. The entire menu is stored in a single data.js file and rendered dynamically via a universal Card component based on the selected tab. Category switching uses local useState — no external state library needed.

Sliders use react-slick with auto-scroll. The contacts section embeds a Yandex Map via iframe. Deployed to GitHub Pages with the base path /cream_soda/ configured in vite.config.js.