React Leaflet paired with Mapbox API is a powerful package which may provide for a more robust alternative to Google Maps React

While not a seasoned pro at either, I have tried both React-Leaflet and Google-Maps-React for two React projects I have worked on.

Each of the packages come with their own pros and cons. Google Maps was pretty easy to get up and going, however, I did try a couple of tutorials and guides that didn’t really work great. My guess was that may be due to the fact that there is a Google-Maps-React package, and there is a React-Google-Maps package (and they are different packages).

Mostly all of the React-Leaflet guides were spot on. It’s also very light-weight (114kbs!). Google Maps React does have a basemap that mostly everyone on the planet knows and loves (Google Maps with Imagery and StreetView), but React-Leaflet is more customizable. …


Now that your environment is setup, time to write some code!

For part one of setting up a Django API, please head over here:

The first part of setting up your API is setting up your classes within the models.py file. One of the coolest parts about Django Restframework is using the built in Auth model (a User Model). To use this, first run the following command:

pip3 install djangorestframework_simplejwt

There is also a djangorestframework-jwt package that is pretty similar, but I have preferred using the simple auth package. To use this package, you will also need to add the following to the bottom of your settings.py …


Part I: Environment Setup

Starting any new language or framework can be intimidating. Breathe.

“I’m sure everything I learned in Ruby/Rails will immediately transfer over and apply directly to Django/Python.” — said no one ever

You never realize how much you get for free with Active Record and Rails until you start a new backend framework. After completing my capstone project, I learned:has_many and belongs_to are some of the most powerful code blocks on the planet. Those two lines in a Rails relationship model provide for so many connections throughout your database. …


My first full-stack web app.

For my second project at the Flatiron School, I was able to build my first full-stack web app. My partner Kelsey and I used FDA food recalls from api.data.gov. It was a powerful experience to see full communication between our front-end and back-end, as well as see the power of paired-programing.

Backend Library Setup

Kelsey and I decided to download the FDA’s data directly as opposed to using Rest-Client and creating an API-end point. We’ve used Rest-client before with success, but thought we would have more control of our data set going this route. The database is populated with over 20,000 records. The data is only ~3.5 …


Last week I developed first app — a CLI application using Ruby. While not much, I was proud I was able to develop my first project under such a short amount of time.

The Happy Trails app was built in my third week in Flatiron School’s software immersive program. The majority of the project was built with a partner, where we worked on our pair-coding techniques together. Pair-coding is a technique used which tries to combine both coder’s brain functions simultaneously (one partner is the driver while the other directs). …

Elliott Stein

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store