GithubHelp home page GithubHelp logo

Hi there, I'm Brandon

This is just one of several places where I tinker with ideas, burn the midnight oil, fix bugs and inadvertently end up creating more of them in the end, but alas… c'est la vie d'un développeur.

Follow branmcconnell on X (formerly Twitter)
 
👔 I’m currently employed at Carevoyance at Definitive Healthcare.
📚 I’m currently learning Svelte, SvelteKit, D3, LayerCake, PostGreSQL.
👯 I’m looking to collaborate on a new idea surrounding git versioning.
🤝 I’m looking for help maintaining and growing TypedCSS.
👨‍💻 Explore some of my tinkering on CodePen.
💬 Ask me about CSS, SCSS, Tailwind, JavaScript, React, or Svelte.
📫 You can reach me on Twitter or via email.
📄 Learn more about my professional experience on LinkedIn or download my resume.
When I'm not flushing out lines of code faster than Eminem raps (or occasionally staring at my screen blankly), I enjoy traveling 🏔, photography 📸, playing sports 🏓, hiking 🥾, and spending time with friends and family 👨‍👩‍👧‍👦.

My latest StackOverflow activity

My latest tweets

Connect with me

branmcconnell brandonmcconnell brandonmcconnell brandonmcconnell ourdailybrad brandonmcconnell brandonmcconnell brandonmcconnell brandonmcconnell @brandonmcconnell brandonmcconnell

Languages and Tools

appwrite babel bash bootstrap css3 d3js docker express figma gcp git graphql html5 ifttt illustrator invision javascript jest linux mongodb mysql nextjs nodejs oracle photoshop php postgresql postman react sass sketch svelte tailwind typescript webpack xd zapier

Support me

brandonmcconnell





GitHub Profile Stats

   brandonmcconnell
☝🏼 Click to expand/collapse detailed stats
 
brandonmcconnell

brandonmcconnell

brandonmcconnell

Brandon McConnell's Projects

brandonmcconnell icon brandonmcconnell

Welcome to the repo for my GitHub profile. Feel free to fork, and if you want to support me, please visit me on BuyMeACoffee @ https://www.buymeacoffee.com/brandonmcconnell

consoledraw icon consoledraw

Draw pixel art straight to your JavaScript console!

detectfont icon detectfont

Detect which font your system has cherry-picked from font-family.

epic-stack icon epic-stack

This is a Full Stack app starter with the foundational things setup and configured for you to hit the ground running on your next EPIC idea.

input-otp icon input-otp

One time passcode Input. Accessible & unstyled.

just icon just

A library of dependency-free JavaScript utilities that do just one thing.

nodejs.dev icon nodejs.dev

A new Node.js resource built using Gatsby.js with React.js, TypeScript, and Remark.

products icon products

🎧 Skill Recordings products and core-libs

proposal-array-prototype-ap icon proposal-array-prototype-ap

The `Array.prototype.ap` method applies an array of functions to a single argument. Given an array `fns` of functions, the expression `fns.ap(x)` is analogous to `fns.map(fn => fn(x))`. A new array is formed elements resulting from applying each function from the array to the provided argument.

pushstate-js icon pushstate-js

Add a native way to listen for changes in the address bar, similar to how a `pushstate` event might work (if one existed)

svelte icon svelte

Cybernetically enhanced web apps

svelte-ux icon svelte-ux

Collection of Svelte components, actions, stores, and utilities to build highly interactive applications.

tailwindcss icon tailwindcss

A utility-first CSS framework for rapid UI development.

tailwindcss-js icon tailwindcss-js

Interpolate JS values inline in Tailwind CSS utility values. The use cases are few, but it sure is neat 👏🏼

tailwindcss-lerp-colors icon tailwindcss-lerp-colors

Interpolate between defined colors in Tailwind config for additional color stops (e.g. red-425). Built with chroma.js.

tailwindcss-members icon tailwindcss-members

Members for Tailwind CSS simplifies styling an ancestor element based on the state of its descendants.

tailwindcss-mixins icon tailwindcss-mixins

Mixins for Tailwind CSS provides a declarative API for creating reusable groups of utilities, reducing code duplication and improving maintainability while emphasizing a utility-first approach.

tailwindcss-signals icon tailwindcss-signals

Signals for Tailwind CSS simplifies styling based on ancestor state via style queries. Its declarative API for signaling states eliminates complex selectors, resulting in cleaner, more maintainable code.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.