Magnolia Lab

A website for a wine company.

Magnolia Lab - 1
Magnolia Lab - 2

What is Magnolia Lab?

Magnolia Lab is a wine company that provides wines that blends with Chinese hrebs. This website is my first project that I worked on and one of my favorite projects. I was responsible for the front-end development of the website. I used React to build the website. I used Angular and Laravel to build the backend and admin portal.

The Challenge

That was my first time using React. The most challenging part was to make the interactive animations and learn how to use React.

The Solution

Luckily, I got a lot of help from my friends and the internet. We found a mind-blowing library called Framer Motion. It made the animations so much easier to make. I also learned a lot from the React documentation and the internet.

Tech Stack

ReactReact
AngularAngular
LaravelLaravel
PHPPHP
TypeScriptTypeScript
HTML5HTML5
CSS3CSS3
MySQLMySQL