Karl-Horning

animated-download-button

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.

apple-api

Using the Apple API

authors-api

binary-clock

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

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.

changing-background-colour-on-scroll

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.

computer-svg-animation

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.

fcc-build-a-project-landing-page

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.

graphql-playground

GraphQL Playground is a simple GraphQL server implementation with a built-in playground for testing queries and mutations.

postgresql-graphql-apollo-server-blog-app

This project is a blog application built using PostgreSQL, GraphQL, and Apollo Server.

Karl-Horning/animated-download-button

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.

Karl-Horning/apple-api

Using the Apple API

Karl-Horning/authors-api

Karl-Horning/change-string-case

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.

Karl-Horning/create-comicinfo-xml-file

Creates a ComicInfo.xml with data from the Marvel API

Karl-Horning/postgresql-graphql-apollo-server-blog-app

This project is a blog application built using PostgreSQL, GraphQL, and Apollo Server.

Karl-Horning/d3-templates

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.

Karl-Horning/dynamic-hero-search

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.

Karl-Horning/example-sql-data

Karl-Horning/github-api-with-d3

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.

Karl-Horning/graphql-n-plus-one-problem

An example of the GraphQL N+1 problem.

Karl-Horning/graphql-rate-limit

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.

Karl-Horning/intro-typescript

Build a GraphQL API with TypeScript and Apollo Server. Starter code for Odyssey's Intro to GraphQL with TypeScript course

Karl-Horning/Karl-Horning

Config files for my GitHub profile.

Karl-Horning/Karl-Horning.github.io

This portfolio site serves as a comprehensive overview of my skills, experiences, and projects. From frontend development to backend wizardry, explore a diverse range of creations crafted with passion and precision.

Karl-Horning/mongodb-aggregation-pipelines

This repository contains scripts to seed MongoDB collections and perform aggregations using MongoDB's Node.js Driver.

Karl-Horning/nextjs-blog

Karl-Horning/nextjs-carousel-components

Karl-Horning/nextjs-components

Karl-Horning/nextjs-shoe-store

This project is a full-stack web application for managing a shoe store. It includes a backend built using AWS services (AppSync, DynamoDB, S3) and a frontend built with React (Next.js) and TypeScript. The application allows users to view a list of shoes, filter them by brand, and create orders.

Karl-Horning/oxford-learners-dictionaries-api

This project enables the retrieval of entries from the Oxford Learner's Dictionaries API.

Karl-Horning/portfolio-template

Karl-Horning/python_scripts

This repository contains various Python scripts for different tasks and projects.

Karl-Horning/qr-code-generator

Karl-Horning/replace-newlines

This web application allows users to manipulate text by replacing newline characters with newline characters or vice versa. It provides a user-friendly interface where users can input text, toggle between different transformation options, and copy the transformed text to the clipboard.

Karl-Horning/serverless-nodejs-api

Karl-Horning/snippets

This application allows users to manage code snippets efficiently. Users can create, edit, delete, and view code snippets through a user-friendly interface.

Karl-Horning/tailwind-carousel

Karl-Horning/vivus-text-animation

This project showcases an SVG text animation using Vivus library. It provides a captivating way to animate text on web pages, adding an interactive and dynamic element to the user experience.

Karl-Horning/word-count-textarea

A simple web application to count the number of words in a textarea, built using HTML, Bootstrap (for the example front end), and JavaScript.