Colby FayockforfreeCodeCampfreecodecamp.org·Jun 23, 2020How to Create a Travel Bucket List Map with Gatsby, React Leaflet, & HygraphTraveling is fun and we all have a lot of places we want to visit, but rarely do we have time to do it all at once. That’s what bucket lists are for! How can we create a custom mapping app that we can show all of our the destinations on our bucket li...Discussbeginners guide
Colby FayockforfreeCodeCampfreecodecamp.org·Apr 28, 2020What Are Environment Variables and How Can I Use Them with Gatsby and Netlify?When starting to integrate 3rd party services into your application or website, you'll start to find it useful to have different environments, such as a development and production environment. How can we configure this so we don't have to directly e...Discusscontinuous deployment
Colby FayockforfreeCodeCampfreecodecamp.org·Apr 22, 2020How to add Coronavirus (COVID-19) case statistics to your React map dashboard with GatsbyPreviously, we walked through creating a map that shows an interactive look at Coronavirus (COVID-19) cases per country. How can we extend this with some case statistics to show recent data about the impacts on our world? Author's note: Similar to be...Discusscoronavirus
Colby FayockforfreeCodeCampfreecodecamp.org·Apr 8, 2020How to set up a custom Mapbox basemap style with React Leaflet and Leaflet Gatsby StarterBuilding maps can be pretty powerful, but often you’re stuck with open source options for the map imagery that might not help the readability of your data. How can we leverage Mapbox’s tile APIs to add a custom basemap to our React Leaflet app? What...Discusscreate-react-app
Colby FayockforfreeCodeCampfreecodecamp.org·Mar 31, 2020How to create a Coronavirus (COVID-19) Dashboard & Map App in React with Gatsby and LeafletThe Coronavirus (COVID-19) pandemic has swiftly changed how all of us interact day to day. How can we use available APIs to build a mapping app that shows the impact it has had on the world? Update: The original NovelCOVID API v1 endpoint has been de...Discusscoronavirus
Colby FayockforfreeCodeCampfreecodecamp.org·Mar 24, 2020How to Create a Summer Road Trip Mapping App with Gatsby and LeafletGet ready for the summer by building your own road trip mapping app with this step-by-step guide! What are we going to build? What do we need before we get started? Step 1: Cleaning up some unneeded code Step 2: Create our road trip locations Step 3...Discussfront end
Colby FayockforfreeCodeCampfreecodecamp.org·Dec 11, 2019How to Create your own Santa Tracker with Gatsby and React LeafletThe Christmas season is a magical time of year. We have Santa flying around spreading cheer and Elf roaming around New York during our yearly rewatch with family and friends. Buddy the Elf waving To get in the spirit, we’re going to spin up a web ap...DiscussSanta
freeCodeCampforfreeCodeCampfreecodecamp.org·Oct 31, 2019How to Build Your Coding Blog From Scratch Using Gatsby and MDXBy Scott Spence I have been a Gatsby user since around version 0 back in May 2017. Back then, I was using a template called Lumen. It was just what I needed at the time. Since then I have gone from using a template to creating my blog. Over the year...DiscussGatsby
Colby FayockforfreeCodeCampfreecodecamp.org·Oct 30, 2019How to build a mapping app in React the easy way with LeafletMapping is hard, but spinning up a new app that renders maps doesn’t have to be. Here’s how you can easily get started working with maps in a new React app. Not that AAA map under your car seat Maps have been around for thousands of years, but they’v...DiscussGatsby
Colby FayockforfreeCodeCampfreecodecamp.org·Oct 9, 2019What is linting and how can it save you time?One of the biggest challenges in software development is time. It’s something we can’t easily get more of, but linting can help us make the most out of the time we have. So what is linting? lint, or a linter, is a tool that analyzes source code to fl...Discussclean code
