Allison Leggett Frontend Developer
Featured
Latest Projects
Component
The View Transition API: Smooth Transitions for Better UX
Slide on in and explore the coolest API since, well ever. In this video tutorial I demonstrate how to create the buttery smooth transitions in the image gallery. Whether you're using the default crossfade or custom CSS animations, this API is like a salve for your animation weary soul.
Web App
Exploring the Possibilities with OpenAI's Text to Speech API
OpenAI's powerful API can generate just about anything! Add an Express backend and a React frontend and you've got entertainment for hours!
website
Leveraging the Power of Eleventy in Higher Education Marketing
Content management is fun again when you use the best static site generator in the world, Eleventy! Going back to school never felt so good.
web app
Using React Context for Data Sharing in this Dictionary Web App
React Context shines in this jaunty web app that uses the Free Dictionary API to search for all your favorite words. Give it a go!
component
Building Flexible Components with Grid & Container Queries
CSS container queries and grid layout are the perfect tools to use when you want to write modern, flexible, and readable CSS.
web app
Container Queries, React Context, & GitHub API, Oh My!
React context, Sass mixins, container queries...they all come together nicely in this fun web app. Search for yourself, I know you want to!
component
A Fully Responsive Comments Section Using Custom React Hooks
A compact component, built in React and using the Comments Section API I created. Styling is done using my favorite pre-processor, Sass.
CSS {de}Coder
Video Tutorials
Video
Video
Experiments