A website where you can order freshly made meals.

The design was done by me. The application is build in Ruby on Rails with React. I made all pages in React JSX, setup components and created a custom section which grabs the data from JSON for the plates in the menu section on the homepage.

It features animations from ‘lottiefiles.com’ and was a bit of hassle to integrate in in React. There are some libraries for lottie animations around for React but there’s no explanation to why some animation cause memory leaks. After some research it turns out you can simply parse the JSON data of a lottie animation:
const LottieAnimation = JSON.parse(JSON.stringify(animationData))
This makes sure there are no memory leaks. When creating animations in Adobe After Effects it sometimes uses repeaters which causes the memory leak to happen.