{
    "componentChunkName": "component---src-pages-writing-jsx",
    "path": "/writing/",
    "result": {"data":{"allMdx":{"edges":[{"node":{"excerpt":"'Tis the season of  Advent of Code  which is an annual challenge of holiday-themed puzzles to solve with code. I usually attempt a few of the problems each year; the puzzles tend to get progressively…","id":"bc78eb3d-455c-5f54-b7d1-79a24aebb750","frontmatter":{"title":"Advent of Code - Day 01 2022","category":["tutorial"],"description":"This article walks through how I solved Day 1 of Advent of Code 2022","date":"December 04, 2022","slug":"advent-of-code-12-01-2022","tags":["JavaScript"],"external_link":null,"publication":null},"timeToRead":3,"fields":{"slug":"/blog/advent-of-code-12-01-2022/"}}},{"node":{"excerpt":"","id":"1d6ce221-d0fe-569e-a968-978f834f93cf","frontmatter":{"title":"Brag now, remember later: Document your accomplishments","category":null,"description":null,"date":"February 08, 2022","slug":null,"tags":["ExternalLink"],"external_link":"https://github.com/readme/guides/document-success","publication":"GitHub ReadME Project"},"timeToRead":1,"fields":{"slug":"/blog/undefined/"}}},{"node":{"excerpt":"","id":"ccb8bd43-0980-5093-9486-bbf760ba5ac1","frontmatter":{"title":"Your future self will thank you: Building your personal documentation","category":null,"description":null,"date":"January 12, 2022","slug":null,"tags":["ExternalLink"],"external_link":"https://github.com/readme/guides/private-documentation","publication":"GitHub ReadME Project"},"timeToRead":1,"fields":{"slug":"/blog/undefined/"}}},{"node":{"excerpt":"Does your Netlify function appear to be working locally but you're having trouble successfully deploying the function due to it being greater than 50 MB? This article walks through how to use the…","id":"86116a72-c67a-5654-9218-8f76e57c0da4","frontmatter":{"title":"How to Check Bundled Netlify Function Size Locally","category":["tutorial"],"description":"Is everything working locally but you're having trouble deploying a Netlify function due to it being greater than 50 MB? This article walks through how to use the Netlify CLI to determine the size of the bundled Netlify function locally.","date":"January 02, 2022","slug":"how-to-check-bundled-netlify-function-size-locally","tags":["netlify"],"external_link":null,"publication":null},"timeToRead":4,"fields":{"slug":"/blog/how-to-check-bundled-netlify-function-size-locally/"}}},{"node":{"excerpt":"","id":"1419354c-d573-5ecc-9e46-e01e550f2525","frontmatter":{"title":"How to hone your new superpower: teaching","category":null,"description":null,"date":"December 14, 2021","slug":null,"tags":["ExternalLink"],"external_link":"https://github.com/readme/guides/public-documentation","publication":"GitHub ReadME Project"},"timeToRead":1,"fields":{"slug":"/blog/undefined/"}}},{"node":{"excerpt":"","id":"dba7f505-8cef-5259-9a65-8d14cedbe444","frontmatter":{"title":"Using code as documentation to save time and share context","category":null,"description":null,"date":"October 27, 2021","slug":null,"tags":["ExternalLink"],"external_link":"https://github.com/readme/guides/code-as-documentation","publication":"GitHub ReadME Project"},"timeToRead":1,"fields":{"slug":"/blog/undefined/"}}},{"node":{"excerpt":"","id":"3c403bb6-0099-52dd-9aa2-de6e8452c443","frontmatter":{"title":"How to Create a Contact Form With Next.js and Netlify","category":null,"description":null,"date":"October 21, 2021","slug":null,"tags":["ExternalLink"],"external_link":"https://css-tricks.com/how-to-create-a-contact-form-with-next-js-and-netlify/","publication":"CSS Tricks"},"timeToRead":1,"fields":{"slug":"/blog/undefined/"}}},{"node":{"excerpt":"","id":"f1e1aa44-86cc-532f-bc0f-87c10d64a0f2","frontmatter":{"title":"What is Storybook & How to Use It to Create a React Component Library","category":null,"description":null,"date":"August 18, 2021","slug":null,"tags":["ExternalLink"],"external_link":"https://snipcart.com/blog/storybook-react-tutorial-example","publication":"Snipcart"},"timeToRead":1,"fields":{"slug":"/blog/undefined/"}}},{"node":{"excerpt":"Being an effective web developer when investigating a software issue, locally or in production, requires some detective-like debugging skills. As I've grown as a developer I've not only improved the…","id":"ed27fce5-1521-5497-9517-5be0e340e5a0","frontmatter":{"title":"Tips for Debugging Software like a Detective","category":["reflection"],"description":"An overview of strategic ways software engineers can approach debugging software.","date":"May 15, 2021","slug":"tips-for-debugging-software-like-a-detective","tags":["software","developer productivity"],"external_link":null,"publication":null},"timeToRead":4,"fields":{"slug":"/blog/tips-for-debugging-software-like-a-detective/"}}},{"node":{"excerpt":"This post is an overview of how I recently migrated my bash history and settings from Bash to zsh and set up autosuggestions for my terminal. For a while whenever I opened a new terminal window,the…","id":"3d786ace-9d06-5df3-84e2-17d531796517","frontmatter":{"title":"Setting Up Shell with zsh and Autosuggestions","category":["tutorial"],"description":"This post is an overview of my recent migration from bash to zsh.","date":"May 14, 2021","slug":"setting-up-zsh-with-autosuggestions","tags":["terminal","developer productivity"],"external_link":null,"publication":null},"timeToRead":2,"fields":{"slug":"/blog/setting-up-zsh-with-autosuggestions/"}}},{"node":{"excerpt":"I've recently been creating more Scalable Vector Graphics (SVG) animations and wanted to walk through my current process for creating SVGs. In particular I will outline how I created the below Sea…","id":"0a53e3c0-7455-561b-82df-2961f6c0dec7","frontmatter":{"title":"My SVG Creation Process","category":["tutorial"],"description":"This is a walkthrough of my process for creating SVG files for CSS animation","date":"April 13, 2021","slug":"my-svg-creation-process","tags":["SVG","design"],"external_link":null,"publication":null},"timeToRead":2,"fields":{"slug":"/blog/my-svg-creation-process/"}}},{"node":{"excerpt":"I attended Cassie Evan's  SVG masterclass on getting started with SVG animation  in February and have been enjoying creating and animating more SVGs in recent weeks.  Reading and Writing SVGs You may…","id":"ad4098eb-d160-5de9-b5ac-d1cce349adfa","frontmatter":{"title":"Getting Started with SVG Animation","category":["tutorial"],"description":"This is an article about the basics of SVG animation.","date":"April 13, 2021","slug":"getting-started-with-svg-animation","tags":["CSS","SVG","Animation","Design"],"external_link":null,"publication":null},"timeToRead":3,"fields":{"slug":"/blog/getting-started-with-svg-animation/"}}},{"node":{"excerpt":"Supabase Auth Overview Supabase has various methods in their JavaScript client library to handle user authentication and uses JSON Web Tokens (JWT) under the hood to manage authentication. If you want…","id":"bafb6ea1-8b2e-5a8e-a33e-582ce59a1006","frontmatter":{"title":"Creating Protected Routes In NextJS With Supabase","category":["tutorial"],"description":"This articles walks through how to create protected routes on NextJS with Supabase's user management.","date":"March 13, 2021","slug":"creating-protected-routes-in-next-js-with-supabase","tags":["NextJS","Supabase"],"external_link":null,"publication":null},"timeToRead":4,"fields":{"slug":"/blog/creating-protected-routes-in-next-js-with-supabase/"}}},{"node":{"excerpt":"This article walks through how to create new users for a  Supabase  database with an API written in NextJS. Note: at the time of this writing that Supabase is free for  beta  users which is pretty…","id":"74af4e23-40a4-5870-9136-80bf16cedb48","frontmatter":{"title":"Creating New Supabase Users In NextJS","category":["tutorial"],"description":"This article walks through how to create new users for a Supabase database with an API written in NextJS","date":"March 09, 2021","slug":"creating-new-supabase-users-in-next-js","tags":["NextJS","Supabase"],"external_link":null,"publication":null},"timeToRead":4,"fields":{"slug":"/blog/creating-new-supabase-users-in-next-js/"}}},{"node":{"excerpt":"I recently added an Instagram timeline to my site  In Digital Color  and wanted to share how I added the Instagram integration to my NextJS site and document some of the hiccups I encountered along…","id":"2c6b55d3-14b5-5d55-9a4e-4a80cdd3a196","frontmatter":{"title":"How to Add Instagram Timeline To a NextJS Site","category":["tutorial"],"description":"This article walks through how to integrate Instagram on a NextJS site.","date":"December 21, 2020","slug":"adding-instagram-timeline-to-next-js-site","tags":["NextJS"],"external_link":null,"publication":null},"timeToRead":3,"fields":{"slug":"/blog/adding-instagram-timeline-to-next-js-site/"}}},{"node":{"excerpt":"This past week I had the pleasure of being on the  Learn with Jason Show  to show how to add  Webmention  functionality to a NextJS website. Webmentions let you pull tweets, other blogs, and other…","id":"1009dcc4-63ab-56e4-9a36-f01098c8dc9c","frontmatter":{"title":"Getting Started With Webmention and NextJS","category":["tutorial"],"description":"An overview of setting up Webmention on a NextJS site to collect comments from across the decentralized social web (i.e., Twitter, GitHub, Pinterest, Reddit) in a centralized place.","date":"October 03, 2020","slug":"getting-started-with-webmention-next-js","tags":["JavaScript","Webmention","Video","NextJS"],"external_link":null,"publication":null},"timeToRead":3,"fields":{"slug":"/blog/getting-started-with-webmention-next-js/"}}},{"node":{"excerpt":"Throughout  Hacktoberfest  (October) people are encouraged to contribute to open-source to secure a t-shirt along with other swag. I have long been a fan of Hacktoberfest as some of my initial…","id":"7fc2070c-63b0-51de-97b5-7af57016eb44","frontmatter":{"title":"Set Yourself Up For Success During Hacktoberfest","category":["tutorial"],"description":"This article walks through some tips for making meaningful contributions to Open Source software during Hacktoberfest and beyond.","date":"October 01, 2020","slug":"set-yourself-up-for-success-open-source-contributions","tags":["GitHub"],"external_link":null,"publication":null},"timeToRead":4,"fields":{"slug":"/blog/set-yourself-up-for-success-open-source-contributions/"}}},{"node":{"excerpt":"This article walks through how I display relevant, themed icons when linking to content on this site based on the topic or type of content.\nIf you've visited the homepage of this site, I use a…","id":"5d3b0d04-9f35-5ba3-9e08-e58e4b4d4312","frontmatter":{"title":"How To Render Relevant Icons Based on Content","category":["tutorial"],"description":"This article walks through how I use React to render icons that are tailored to the specific content.","date":"September 12, 2020","slug":"how-to-render-relevant-icons-based-on-content","tags":["React"],"external_link":null,"publication":null},"timeToRead":2,"fields":{"slug":"/blog/how-to-render-relevant-icons-based-on-content/"}}},{"node":{"excerpt":"I recently had the opportunity to speak with Scott Hanselman on  Hanselminutes  about my recent  GitHub article ,  digital gardening 🌱 , the importance of owning your own content, leaning into…","id":"1bbbaff3-88a4-583f-9c17-3d5cdea354d8","frontmatter":{"title":"Hanselminutes Podcast: Leaning Into Learning In Public","category":["reflection"],"description":"Monica Powell on the Hanselminutes podcast","date":"September 10, 2020","slug":"leaning-into-learning-in-public-with-monica-powell","tags":["Podcast"],"external_link":null,"publication":null},"timeToRead":1,"fields":{"slug":"/blog/leaning-into-learning-in-public-with-monica-powell/"}}},{"node":{"excerpt":"This article shows you how to customize your VSCode set up to display animated sparkles while you are typing. There's a VSCode extension,  Power Mode  that adds animated flair while you're typing. It…","id":"cb353e87-cf68-5989-82db-c0bb6adb7af6","frontmatter":{"title":"How to Make Your VSCode Sparkle","category":["tutorial"],"description":"This article shows you how to customize your VSCode set up to display animated sparkles while you are typing. There's a VSCode extension, Power Mode that adds animated flair while you're typing. It has a few different default animations but none of them quite sparkle.","date":"September 04, 2020","slug":"how-to-make-your-vs-code-sparkle","tags":["VSCode"],"external_link":null,"publication":null},"timeToRead":1,"fields":{"slug":"/blog/how-to-make-your-vs-code-sparkle/"}}},{"node":{"excerpt":"Below is a video of a talk I gave at MDX Conf, sharing more about my migration from Remark to MDX, how you can migrate your site and what problems you might run into. MDX allows you to write Markdown…","id":"458d7e83-bae7-5158-82bc-c8f5b59216d5","frontmatter":{"title":"Migrating To MDX Talk","category":["reflection"],"description":"Here's a talk I gave at MDX Conf, sharing more about my migration from Remark to MDX, how you can migrate your site and what problems you might run into. MDX allows you to write Markdown that includes React components and enables a lot more flexibility than Markdown traditionally does.","date":"August 24, 2020","slug":"migrating-to-mdx","tags":["MDX","video"],"external_link":null,"publication":null},"timeToRead":1,"fields":{"slug":"/blog/migrating-to-mdx/"}}},{"node":{"excerpt":"This article walks through how to pass environment variables to  GitHub Action  Workflows. I recently set up GitHub actions on this site to automatically run unit tests whenever I open a new Pull…","id":"3b0fb3d2-2633-5a19-be58-71b3b1bab34c","frontmatter":{"title":"Adding Environment Variables To GitHub Actions","category":["tutorial"],"description":"This article  walks through how to pass environment variables to GitHub Action Workflows","date":"August 23, 2020","slug":"adding-environment-variables-to-github-actions","tags":["GitHub"],"external_link":null,"publication":null},"timeToRead":2,"fields":{"slug":"/blog/adding-environment-variables-to-github-actions/"}}},{"node":{"excerpt":"Here's a round-up of some of my favorite conference talks that have shaped the way that I think about web technologies, the workplace and community organizing. I hope some of these talks will also…","id":"240c3fa5-f4bc-5823-8afd-5f1fc3395e25","frontmatter":{"title":"6 Transformative Tech Conference Talks","category":["reflection"],"description":"Here's a roundup of some of my favorite conference talks that have shaped the way that I think about web development, the workplace, and community organizing.","date":"August 22, 2020","slug":"transformative-conference-talks","tags":["Conferences","video"],"external_link":null,"publication":null},"timeToRead":2,"fields":{"slug":"/blog/transformative-conference-talks/"}}},{"node":{"excerpt":"Server-side rendering can be powerful but it does require thinking in multiple contexts so it's important to be familiar with some of the common gotchas when developing Server-Side Rendered websites…","id":"684d3537-a45d-5941-9ea0-2c0ab9edb270","frontmatter":{"title":"Keeping Server-Side Rendering Cool With React Hydration","category":null,"description":"The purpose of this article is to share some helpful things to keep in mind to render a seamless experience as a Server-Side Rendered (SSR) site transitions from a window-less (server) environment to a browser.","date":"August 14, 2020","slug":"server-side-rendering-react-hydration-best-practices","tags":["React","SSR"],"external_link":null,"publication":null},"timeToRead":8,"fields":{"slug":"/blog/server-side-rendering-react-hydration-best-practices/"}}},{"node":{"excerpt":"I recently picked up a copy of the book  Working In\nPublic  by Nadia Eghbal. I was especially interested in reading this book as I recently became a  GitHub Star  and am currently working full-time on…","id":"9ffc5c9a-3729-5579-9686-175ecf4b8a74","frontmatter":{"title":"Working In Public Book Notes","category":["reflection"],"description":"Notes for the book Working In Public by Nadia Eghbal","date":"August 09, 2020","slug":"working-in-public-notes","tags":["GitHub","Open-Source"],"external_link":null,"publication":null},"timeToRead":9,"fields":{"slug":"/blog/working-in-public-notes/"}}},{"node":{"excerpt":"GitHub recently released a feature that allows users to create a profile-level README to display prominently on their GitHub profile. This article walks through how to access this new feature. I'll…","id":"a743839b-26d4-5fb6-b70a-d02b111c4fc9","frontmatter":{"title":"How To Create A GitHub Profile README","category":["tutorial"],"description":"This article walks through how to access GitHub's new profile level README feature","date":"July 11, 2020","slug":"how-to-create-a-github-profile-readme","tags":["GitHub"],"external_link":null,"publication":null},"timeToRead":2,"fields":{"slug":"/blog/how-to-create-a-github-profile-readme/"}}},{"node":{"excerpt":"While updating my homepage to include my newly-commission illustration from  Aishwarya Tandon , I wanted to load different versions of the image based on screen-size in a performant way. For my header…","id":"0d132207-d907-5c2a-980b-ffda344a5551","frontmatter":{"title":"Exploring Art Direction With Gatsby-Image","category":["tutorial"],"description":"I recently used Gatsby's Image's Art direction to update my header to display different images based on viewport size.","date":"June 24, 2020","slug":"2020-06-24-exploring-art-direction-in-gatsby","tags":["Gatsby","CSS"],"external_link":null,"publication":null},"timeToRead":2,"fields":{"slug":"/blog/2020-06-24-exploring-art-direction-in-gatsby/"}}},{"node":{"excerpt":"Yesterday, I decided tackle two things at once, live-streaming for the first time on  Twitch  🎉 while updating this site to support MDX in addition to Markdown.  MDX  allows developers to write JSX…","id":"93a3f234-f419-54a8-be65-462f3a8bc02f","frontmatter":{"title":"Initial Thoughts On Migrating from gatsby-transformer-remark to gatsby-plugin-mdx","category":["reflection"],"description":"Some of my initial thoughts from migrating this Gatsby site from gatsby-transformer-remark to gatsby-plugin-mdx in order to support MDX in addition to Markdown.","date":"May 26, 2020","slug":"thoughts-on-migrating-from-markdown-to-mdx","tags":["Gatsby","MDX"],"external_link":null,"publication":null},"timeToRead":2,"fields":{"slug":"/blog/thoughts-on-migrating-from-markdown-to-mdx/"}}},{"node":{"excerpt":"What are CSS variables? CSS variables or CSS custom properties are a way to declare reusable values within a CSS project. CSS variables can greatly reduce the repetition of code and allow us to…","id":"3db16256-6938-56b2-8c59-ffb85dfc8ba9","frontmatter":{"title":"Give Your CSS Superpowers with CSS Variables","category":["tutorial"],"description":"This post will introduce what CSS variables are, how to use them and why to consider using them.","date":"May 22, 2020","slug":"give-your-css-superpowers-with-css-variables","tags":["CSS","Codepen","Tutorial","Web Development"],"external_link":null,"publication":null},"timeToRead":2,"fields":{"slug":"/blog/give-your-css-superpowers-with-css-variables/"}}},{"node":{"excerpt":"I've published dozens of articles on this site, which was built using  Gatsby . In the past year I decided to invest more time into maintaining my blog and want to share the top plugins I recommend to…","id":"3649910c-3092-5bce-a063-ef20dd7d32ae","frontmatter":{"title":"Top Gatsby Plugins For Developer Blogs","category":["opinion"],"description":"I've published dozens of articles on my Gatsby site and these are the top plugins I recommend to enhance your blog's SEO and user experience.","date":"April 19, 2020","slug":"2020-04-19-essential-gatsby-plugins-for-blogs","tags":["Gatsby","Blogging"],"external_link":null,"publication":null},"timeToRead":3,"fields":{"slug":"/blog/2020-04-19-essential-gatsby-plugins-for-blogs/"}}},{"node":{"excerpt":"I recently created a  Stimulus Check Calculator  based on figures from the CARES Act and the Washington Post to help people estimate the amount of their stimulus check under the CARES Act.\nThis…","id":"7aaec4f2-4c3a-5431-8714-fc4082af0b41","frontmatter":{"title":"Refactoring useState() To useReducer()","category":["tutorial"],"description":"This article walks through how to combine multiple useState() React hooks logic into a single useReducer().","date":"April 04, 2020","slug":"2020-04-04-refactoring-use-state-to-use-reducer","tags":["React","React Hooks","Reduce"],"external_link":null,"publication":null},"timeToRead":2,"fields":{"slug":"/blog/2020-04-04-refactoring-use-state-to-use-reducer/"}}},{"node":{"excerpt":"Reducing an array is a helpful functional programming technique to use when you need to reduce multiple values into a single value. Although that  single  value isn't limited to being an integer it…","id":"fa5ef23b-ccf1-5713-acb2-a7771f165a22","frontmatter":{"title":"Understanding Reduce in JavaScript","category":["tutorial"],"description":"This article will walk through various ways to use ES6 reduce to map, filter and construct objects from arrays.","date":"March 29, 2020","slug":"2020-03-29-understanding-reduce-in-javascript","tags":["JavaScript","Functional Programming","Tutorial"],"external_link":null,"publication":null},"timeToRead":3,"fields":{"slug":"/blog/2020-03-29-understanding-reduce-in-javascript/"}}},{"node":{"excerpt":"Do you ever find yourself copying and pasting the same boilerplate code for multiple files at a time? Do you stop and think every time you have to construct an  ISO 8601  formatted date? 🤔\nHow…","id":"5ddf86ab-341b-5603-874c-97c8d3ade985","frontmatter":{"title":"Automating File Creation With JavaScript","category":["tutorial"],"description":"This article walks through how to use plop a micro-generator to generate new text-based files.","date":"January 29, 2020","slug":"2020-01-29-automating-file-creation-with-javascript","tags":["JavaScript","Tutorial"],"external_link":null,"publication":null},"timeToRead":6,"fields":{"slug":"/blog/2020-01-29-automating-file-creation-with-javascript/"}}},{"node":{"excerpt":"The past decade included many transitions for me, from graduating high school to graduating from my dream college in New York City to successfully switching careers and becoming a software developer…","id":"5b2ac97b-4afa-57dc-ba80-32371b68ce0c","frontmatter":{"title":"2019 into 2020, Year in Review","category":["reflection"],"description":"I could go on and on about the last 10 years but it's officially 2020 and I've decided to start by writing my first public year in review!","date":"January 01, 2020","slug":"2019-year-in-review","tags":["Reflection"],"external_link":null,"publication":null},"timeToRead":4,"fields":{"slug":"/blog/2019-year-in-review/"}}},{"node":{"excerpt":"I recently spent some time talking with Joel Hooks from  Egghead.io  about my journey to landing my first engineering role, attending and organizing meetups and contributing to open-source. Give it a…","id":"fa528f2e-174b-568f-9ebc-33358250c1cc","frontmatter":{"title":"Egghead Podcast: \"Personal Growth From Open-Source And Meetups\"","category":["reflection"],"description":"This episode of the Egghead podcast gives listeners a better glimpse into my journey into landing my first engineering role and more.","date":"December 22, 2019","slug":"personal-growth-egghead-podcast-monica-powell","tags":["Reflection","Podcast"],"external_link":null,"publication":null},"timeToRead":1,"fields":{"slug":"/blog/personal-growth-egghead-podcast-monica-powell/"}}},{"node":{"excerpt":"I recently added functionality to this site to allow visitors to filter posts based on the posts description, title, and tags in an effort to allow better discovery of content. This tutorial will is…","id":"751b1c17-a947-5b40-9c6f-8fd2b3f7f226","frontmatter":{"title":"How to Add Search Functionality to a Gatsby Blog","category":["tutorial"],"description":"This tutorial will walk through how to create functionality to allow users to filter posts on a Gatsby site by description, title and, tags. ","date":"November 26, 2019","slug":"create-gatsby-blog-search-tutorial","tags":["Gatsby","JavaScript","React","Tutorial"],"external_link":null,"publication":null},"timeToRead":6,"fields":{"slug":"/blog/create-gatsby-blog-search-tutorial/"}}},{"node":{"excerpt":"\nTrefoil Knot Conway's Game of Life, Source:  Raphaelaugusto I participated in the 2019  Global Coderetreat Day  which was held on November, 16th, 2019, and attempted to solve \" Conway's Game of Life…","id":"c916c59e-38b3-5c4f-8c7b-441af7802538","frontmatter":{"title":"Delete Your Code and Other Reflections from Coderetreat Day","category":["resources"],"description":"Some of my reflections from participating in the 2019 Global Coderetreat Day where I solved Conway's Game of Life various ways with different people and principles each time.","date":"November 17, 2019","slug":"code-retreat-reflection","tags":["Reflection"],"external_link":null,"publication":null},"timeToRead":8,"fields":{"slug":"/blog/code-retreat-reflection/"}}},{"node":{"excerpt":"I decided to use  Font Awesome 's SVG icons to display social media icons prominently on this site's homepage. I am a long time fan of Font Awesome and supported their  Kickstarter campaign  in 201…","id":"51df8cc1-ce76-56d3-8806-f2df179ab4ae","frontmatter":{"title":"Less JavaScript Makes Font Awesome More Awesome","category":["resources"],"description":"Recently, I looked into tackling a rendering issue with Font Awesome fonts used on this site by removing JavaScript...","date":"November 09, 2019","slug":"less-javascript-is-more","tags":["React","JavaScript","Font Awesome","Performance"],"external_link":null,"publication":null},"timeToRead":4,"fields":{"slug":"/blog/less-javascript-is-more/"}}},{"node":{"excerpt":"This tutorial is going to walk through how to create a Grey’s Anatomy or other-themed Lorem Ipsum generator. I’m a huge fan of the show, Grey’s Anatomy (and Shonda Rhimes in general) for a while so I…","id":"8e0c1df6-cce2-5ffa-9bfc-31490ec3c746","frontmatter":{"title":"Grey's Anatomy Lorem Ipsum Generator Tutorial","category":["tutorial"],"description":"This tutorial is going to walk through how to create a Grey’s Anatomy or other-themed Lorem Ipsum generator with React and Netlify Functions","date":"June 02, 2019","slug":"greys-anatomy-lorem-ipsum-generator","tags":["Tutorial","JavaScript","React","Netlify","Linguistics"],"external_link":null,"publication":null},"timeToRead":8,"fields":{"slug":"/blog/greys-anatomy-lorem-ipsum-generator/"}}},{"node":{"excerpt":"This article will explain how it's possible to commit code that is dated in the future. I always (wrongly) assumed that GitHub determined the time a commit was made based on their website's server…","id":"11e37adb-b7f4-542c-935b-f0fca3c2df96","frontmatter":{"title":"git is hard, but time travel in git is easy.","category":["git"],"description":"This article explains how it's possible to commit code that is dated in the future.","date":"March 24, 2019","slug":"git-time-travel","tags":["Git","GitHub"],"external_link":null,"publication":null},"timeToRead":1,"fields":{"slug":"/blog/git-time-travel/"}}},{"node":{"excerpt":"Attending various tech Meetups over the years has been pivotal to my growth as a technologist I took a leap and left my full-time job as an email marketer, to work to pursue\nsoftware engineering! This…","id":"70a9d4e9-0061-5034-aeb8-5e9e17f9c62d","frontmatter":{"title":"4 Meetups That Helped Me Grow as A Woman of Color in Tech","category":["resources"],"description":"Attending various tech Meetups over the years has been pivotal to my growth as a technologist","date":"July 26, 2018","slug":"4-meetups-that-helped-me-grow","tags":["Community","Reflection"],"external_link":null,"publication":null},"timeToRead":3,"fields":{"slug":"/blog/4-meetups-that-helped-me-grow/"}}},{"node":{"excerpt":"Using Twython Twitter API wrapper to add users to a Twitter List We are going to create a Python script that will automatically search Twitter\nfor individuals who use the  #freeCodeCamp  hashtag and…","id":"889e9c35-049a-58c0-9a0c-23ac8ed5684b","frontmatter":{"title":"How I automatically created a Twitter List of FreeCodeCampers in 5 minutes","category":["tutorial"],"description":"Using Twython Twitter API wrapper to add users to a Twitter List","date":"January 17, 2018","slug":"programmatically-create-twitter-list","tags":["Community","Python","Tutorial"],"external_link":null,"publication":null},"timeToRead":3,"fields":{"slug":"/blog/programmatically-create-twitter-list/"}}},{"node":{"excerpt":"A brief guide to getting started on UNIX/Mac OS terminal When I was first introduced to the command line I really had to adjust to navigating my computer in a black box with just text. So I avoided…","id":"3c5a32b5-043c-54b9-8416-2c1cb0851dea","frontmatter":{"title":"Conquering the Command Line","category":["tutorial"],"description":"When I was first introduced to the command line I really had to adjust to navigating my computer in a black box with just text. So I avoided the command line as much as possible. I was accustomed to…","date":"December 05, 2017","slug":"conquering-the-command-line","tags":["Terminal","Unix","Tutorial"],"external_link":null,"publication":null},"timeToRead":3,"fields":{"slug":"/blog/conquering-the-command-line/"}}},{"node":{"excerpt":"Learning how to code — when you’re stuck in-between novice and expert. “I’m over 101 courses. I want to try 201 and 301.” — thoughts on the lack of classes for self-taught developers between novice…","id":"7b83d79c-e33f-50d0-af11-90c3bf947de0","frontmatter":{"title":"Overcoming the Goldilocks Complex","category":["reflections"],"description":"Lately, I’ve felt a bit stuck with my progress on learning how to code as I think I’m comfortable with the fundamentals. As I’m starting to immerse myself in coding, reading article’s like the Viking…","date":"April 18, 2017","slug":"overcoming-the-goldilocks-complex","tags":["Programming","Learning","Reflection"],"external_link":null,"publication":null},"timeToRead":4,"fields":{"slug":"/blog/overcoming-the-goldilocks-complex/"}}},{"node":{"excerpt":"How to Change Repo Language in GitHub Is GitHub telling you that your repository is 98.9% CSS or HTML when it isn’t? Here’s how to resolve that issue every time. I recently started working on a…","id":"4e89550e-6a96-58c4-bfcc-b6cce23e884d","frontmatter":{"title":"How to Change Repo Language in GitHub","category":["tutorial"],"description":"I recently started working on a Weather app in Flask to auto-detect a user’s location based off of their IP address. After committing some updates to GitHub my app switched from being labeled as…","date":"February 07, 2017","slug":"how-to-change-repo-language-in-github","tags":["Git","GitHub","Linguistics","Tutorial"],"external_link":null,"publication":null},"timeToRead":1,"fields":{"slug":"/blog/how-to-change-repo-language-in-github/"}}},{"node":{"excerpt":"Visualizing Data from the Spotify API How to quickly visualize stats about Spotify artists with Infogr.am This post will go over how to connect with the  Spotify  API to collect information about…","id":"5181f38d-6796-5ff5-a342-9d8696c42f2d","frontmatter":{"title":"Visualizing Data from the Spotify API","category":["tutorial"],"description":"This post will go over how to connect with the Spotify API to collect information about artists using Python 3 and then create an infographic from the data Spotify returned. Below is a preview of…","date":"January 27, 2017","slug":"visualizing-data-from-the-spotify-api","tags":["API","Python"],"external_link":null,"publication":null},"timeToRead":1,"fields":{"slug":"/blog/visualizing-data-from-the-spotify-api/"}}},{"node":{"excerpt":"How to Hide Your API Keys in Python 🔑 Protect your application’s API Keys while committing to Git. If you plan on programming any applications and storing your code in a public  GitHub  repository…","id":"705b41f0-e095-58b7-bb43-df8128099712","frontmatter":{"title":"Hide Your API Keys","category":["tutorial"],"description":"If you plan on programming any applications and storing your code in a public GitHub repository then it is important that you protect your API keys 🔑 by ensuring that they are not searchable or…","date":"January 26, 2017","slug":"hide-your-api-keys","tags":["Python","API","Git/GitHub","Tutorial"],"external_link":null,"publication":null},"timeToRead":2,"fields":{"slug":"/blog/hide-your-api-keys/"}}},{"node":{"excerpt":"Font Awesome is Awesome! Are you concerned that icons are slowing down your site/app? You shouldn’t be if you are  using  an icon font! What’s special about an icon font.  Icon fonts are vector-based…","id":"4476e2d2-86bd-5155-8766-3f543e8e90c8","frontmatter":{"title":"Font Awesome is Awesome!","category":["resources"],"description":"What’s special about an icon font. Icon fonts are vector-based: they load fast and are completely scalable (w/ a little CSS). An example of an icon font is Font Awesome. There are tons of different…","date":"November 27, 2016","slug":"font-awesome-is-awesome","tags":["Design","Font Awesome"],"external_link":null,"publication":null},"timeToRead":2,"fields":{"slug":"/blog/font-awesome-is-awesome/"}}},{"node":{"excerpt":"Image Types: Pixel vs. Vector Great! You are headed to Photoshop to start designing your dream logo  * pause *  your logo should be designed as a vector file. Basic shapes and text in Photoshop can…","id":"092fae88-4745-5567-a600-bb4baf579ed4","frontmatter":{"title":"Image Types: Pixel vs. Vector","category":["visual"],"description":"Great! You are headed to Photoshop to start designing your dream logo *pause* your logo should be designed as a vector file. Basic shapes and text in Photoshop can easily be converted to paths…","date":"November 27, 2016","slug":"image-types-pixel-vs-vector","tags":["Design"],"external_link":null,"publication":null},"timeToRead":1,"fields":{"slug":"/blog/image-types-pixel-vs-vector/"}}},{"node":{"excerpt":"Graduation Reflections: “I was clearly a web developer in the making” Me at Columbia University’s 2016 Black Graduation Ceremony receiving a gift from the Columbia Black Alumni Council. I’ve…","id":"a6fad244-7c88-505d-a3e5-973710c7add5","frontmatter":{"title":"Graduation Reflections: “I was clearly a web developer in the making”","category":["reflection"],"description":"Me at Columbia University’s 2016 Black Graduation Ceremony receiving a gift from the Columbia Black Alumni Council. I’ve officially graduated from Barnard College. During, my undergrad career I was…","date":"November 27, 2016","slug":"graduation-reflections-i-was-clearly-a-web-developer-in-the-making","tags":["Education","Reflection","Graduation"],"external_link":null,"publication":null},"timeToRead":2,"fields":{"slug":"/blog/graduation-reflections-i-was-clearly-a-web-developer-in-the-making/"}}},{"node":{"excerpt":"Visualize Data Structures, Algorithms and Regular Expressions I wanted to recommend two websites ( VISUALGO.net  and  RegExr.com ) that have helped me with learning data structures, algorithms, and…","id":"655454bd-335f-5048-be3b-629c31f227c9","frontmatter":{"title":"Visualize Data Structures, Algorithms and Regular Expressions","category":["resources"],"description":"I wanted to recommend two websites (VISUALGO.net and RegExr.com) that have helped me with learning data structures, algorithms, and regular expressions. Visualgo.net helped me get through my Data…","date":"November 27, 2016","slug":"visualize-data-structures-algorithms-and-regular-expressions","tags":["Data Structures","Regex"],"external_link":null,"publication":null},"timeToRead":1,"fields":{"slug":"/blog/visualize-data-structures-algorithms-and-regular-expressions/"}}},{"node":{"excerpt":"I always enjoy finding a good deal! I sat down to compile a list of free resources related to technology for students. You can view my older posts that lists out free web development resources (for…","id":"308c6e71-fe4d-550f-bc54-1d830e61a1a3","frontmatter":{"title":"Free Software & Services for Students","category":["tutorial"],"description":"I always enjoy finding a good deal! I sat down to compile a list of free resources related to technology for students. You can view my older posts that lists out free web development resources (for…","date":"February 05, 2016","slug":"free-software-services-for-students","tags":["Resources"],"external_link":null,"publication":null},"timeToRead":2,"fields":{"slug":"/blog/free-software-services-for-students/"}}},{"node":{"excerpt":"Free Web Development Resources This past week, I decided to re-do my  personal website . I realized that even though it did not seem like it in the midst of the process, I used quite a large handful…","id":"75cd6914-aeda-51ad-90ed-3c094e37f848","frontmatter":{"title":"Free Web Development Resources","category":["resources"],"description":"This past week, I decided to re-do my personal website. I realized that even though it did not seem like it in the midst of the process, I used quite a large handful of resources while developing my…","date":"August 22, 2015","slug":"free-web-development-resources","tags":["Text Editors"],"external_link":null,"publication":null},"timeToRead":3,"fields":{"slug":"/blog/free-web-development-resources/"}}}]}},"pageContext":{}},
    "staticQueryHashes": ["764694655"]}