Animate In
![Personal Travel Guide to History and Points of Interest](/_next/image?url=%2Fimg%2Fcode%2Fanimate-in-demo.gif&w=1200&q=75)
Introduction < AnimateIn /> a re-usable React component that I’ve made to drop in whenever I want to quickly add some animation effects to my projects
Websites that Create Themselves
![Not Yet News, Speculative Satire from the Future](/_next/image?url=%2Fimg%2Fcode%2Fnotyetnews.jpg&w=3840&q=75)
I built Not Yet News to experiment with creating a website that generates its own content.
Making Components with shadcn
![Date Range Picker component with dropdown, text inputs for dates, compare toggle, calendars and date preset buttons](/_next/image?url=%2Fimg%2Fcode%2Fdate-range-picker-for-shadcn.jpg&w=1920&q=75)
I built a DateRangePicker component for shadcn and open sourced it on Github.
Playing with the Open AI API
![Bot Luck, pot luck dinners generated by robots](/_next/image?url=%2Fimg%2Fcode%2Fbotluck.png&w=1920&q=75)
I used the ChatGPT API to create BotLuck, a fun themed recipe generator.