Karl Horning's Projects
Enhance your web interface with the Animated Download Button, a visually appealing button that adds a smooth ripple effect on each click. Elevate user engagement and make your download features stand out.
Using the Apple API
This project is a binary clock implemented using HTML, CSS, and JavaScript. It displays the current time in a binary format with a visually appealing design.
Change String Case is a lightweight JavaScript utility for effortless string case conversions. Whether you need snake_case, kebab-case, camelCase, or PascalCase, this tool streamlines the formatting process. Enhance your coding workflow with a user-friendly interface, single-click conversions, and seamless clipboard copying.
This project demonstrates changing the background colour of the page as the user scrolls through different sections. Each section has its own background colour, creating a visually appealing scrolling experience.
Welcome to the "Computer SVG Animation" project! This repository showcases an engaging SVG animation of a computer, brought to life through GSAP (GreenSock Animation Platform). Experience the fusion of creativity and technology with this visually captivating representation.
Creates a ComicInfo.xml with data from the Marvel API
This repository, d3-templates, contains examples and templates for creating data visualizations using the D3.js library. Each example is converted from TypeScript to JavaScript, and JSDoc comments and explanations are added for better understanding.
Explore the superhero universe seamlessly with Dynamic Hero Search. This interactive project allows users to search and discover their favorite heroes from both DC Comics and Marvel. Dive into the world of iconic characters with a user-friendly search experience.
A place to try the Electron documentation.
This project is a product landing page created as part of the Responsive Web Design Projects on freeCodeCamp. The landing page is for a fictitious site called 'Geezer' that has the tagline 'Proper Music', and it showcases various features of the music service.
This project is a Technical Documentation Page created as part of the Responsive Web Design Projects for freeCodeCamp.
The Wikipedia Viewer is a web application that allows users to search for Wikipedia articles and view the search results. It provides a simple interface for searching, displaying relevant articles, and viewing more details on Wikipedia.
Discover a curated list of ten free photo sites for web design, from Gratisography's unique charm to Wikimedia Commons' collaborative spirit. Explore high-quality visuals that adhere to copyright standards, offering a seamless resource for designers seeking inspiration.
Gets the images loaded for your screen from Instagram.
The "GitHub API with D3" project is a web application that leverages the GitHub API to fetch and visualize repository topics for a specified GitHub user (Karl-Horning as the default). The frontend is built using D3.js, providing an interactive and informative chart for the user's GitHub repositories.
An example of the GraphQL N+1 problem.
GraphQL Playground is a simple GraphQL server implementation with a built-in playground for testing queries and mutations.
GraphQL Rate Limit Directive is a middleware for Apollo Server that enables rate limiting on GraphQL queries, providing control over request frequencies to enhance security and performance.
GitHub's introductory repository
Config files for my GitHub profile.
A simple JavaScript function to handle key events and display the pressed key and its key code dynamically in the HTML.
Searches the Marvel API
A sandbox to try different options to solve the N+1 problem for GraphQL
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent