Tea Taster

This is a simple pet-project for learning React.js.

A project represents an aroma circle for Tea Ceremony. The circle is displayed as an interactive zoomable sunburst diagram where a user can navigate through aroma categories and pick aromas he can feel while tasting a Chinese tea.

Features

• Authentication with OAuth2 via Github, Google, Facebook
• i18n with EN and UA locales
• Interactive Aroma diagram
• List of picked aromas below

Technologies and approaches

Typescript, React.js, Next.js, Material UI, CSS Modules, auth-next for OAuth2, i18next, Docker, a D3-based plugin for diagram.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.