Yogi Library

Technologies

GatsbyJS - React - GraphQL - Tailwind


Overview

In 2018 I deciced to commit to a daily yoga practice. I began to consume a lot of online videos to give me ideas and saved them in a folder on YouTube. My growing collection quickly became hard to manage. Retrieving the exact video I wanted was a question of chance and I was getting frustrated. One quick fix was to create several folders but that didn't really solve the problem because the organization was not systematic and I like things to be well organized.

I wanted a library to group all my favorite videos and filter them by different criteria such as the style of yoga, the duration, the level and any additional tags. I decided to create it.

Functionality

Yogi libary offers a curated list of my favorite yoga videos. Each video can be viewed by different properties:

  • YouTube channel
  • Duration
  • Tags
  • Level
Videos can be ordered by ascending or descending order.


Frontend

The frontend is built with GatsbyJS, React and Tailwind.

Backend

I am using a Google sheets as my database. I and accessing the data using a Gatsby plugin and GraphQL queries.

Deployment

Yogi-library is deployed with Netlify.