[Trip's Photos] : I built this site with a codebase from a gatsby tutorial for page transitions which tried to recreate those beautiful page transitions in Pentagram website with Gatsby as you navigating from project to project. The tutorial used DatoCMS to manage the remote data content for projects with text and photo fields. I added some animation using react-spring & react-gesture-gallery, modified some layout with styled components, and updated some page transitions.
I had several vacation trips to Taiwan, South Korea, and National Parks in US for 2019. When people wanted to see my trip's photos, I found it hard to show the photos from my iphone in an effective way in a short time. That's the motivation to build this website which can be shared with friends with populated/selected info & photos from an external CMS.
Tour Site : This site provides some tours for exploration. Each tour has information populated in Contenful with images and description data. Gatsby provides a contentful plugin which can be used to retrieve data from Contenful via GraphQL. For demonstration, I uploaded some images and information into Contenful for touring national parks, and sight seeing from Vegas, Salt Lake City, and Los Angeles.
I deployed this blog site on both Netlify and Surge. On Netlify, I also purchased a DNS in order to get a short url like a regular website. While building this site and adding new features, I'm also learning new skills in the meantime.