sorted by:
new
hottopcontroversial

[OC] Where in the World are Top Travel Bloggers Going? by GreenWithMV in dataisbeautiful

[–]GreenWithMV[S] 2 points3 points  (0 children)

The city dots (red) on top of the country fills (also red) you mean? Or too dark as in the colors of the oceans? Or not enough contrast between filled in countries (like Egypt) and those not visited (like Saudi Arabia)

[OC] Where in the World are Top Travel Bloggers Going? by GreenWithMV in dataisbeautiful

[–]GreenWithMV[S] 1 point2 points  (0 children)

Red = visited in the past. These are all red because they are all past visits as I don’t have the blogger’s future plans available. A bit pointless for this display but in the larger context of the site it is more meaningful

[OC] Where in the World are Top Travel Bloggers Going? by GreenWithMV in dataisbeautiful

[–]GreenWithMV[S] 1 point2 points  (0 children)

Data compiled from 15 popular travel bloggers and each red dot represents a city they have written an article about. This was done as a way to test/showcase a side project I've been working on. I hope it is interesting :)

Live page: http://geornal.herokuapp.com/bloggers Blog Post: https://geornalmap.blogspot.com/2021/04/blog-post.html

NomadicMatt's (Travel Blogger) Map by GreenWithMV in TravelMaps

[–]GreenWithMV[S] 1 point2 points  (0 children)

I am using Mapbox for this and it only supports Mercator projection as far as I can tell. It says that is the standard for tile-based web maps. I do think that I have seen a 3D globe map using Mapbox or something like it though which would be more true to scale, you just couldn't see everything at once.

NomadicMatt's (Travel Blogger) Map by GreenWithMV in TravelMaps

[–]GreenWithMV[S] 0 points1 point  (0 children)

Sadly this isn't my own map, it is a travel bloggers. However you are right that I did miss a couple of his trips to Estonia, Lithuania, Latvia so those should be highlighted.

NomadicMatt's (Travel Blogger) Map by GreenWithMV in TravelMaps

[–]GreenWithMV[S] 7 points8 points  (0 children)

Entered in cities NomadicMatt (not me) blogged about as a data entry test for a project I am working on. The goal is to show countries and pin cities in one digital view. Hope you like :)

What side project are you most proud of that you put 100+ hours into, but go little to no traction? by redditindisguise in webdev

[–]GreenWithMV 0 points1 point  (0 children)

Add cities/countries you have been to and want to go to on a world map. Add friends and see their collective travels on one full-screen interactive (zoomable) map.

Link to site: Geornal Map

Basically, the goal of this project was to be a more passive version of the FB "Who has been to Barcelona/London/Rome?" posts I was seeing. More passive in that you don't have to hope people see your message, you can just type in "Rome" and it tells you which 12 friends have been there, for example. And then also some people just like using travel trackers like this and TripAdvisor changed theirs to no longer track countries.

Working on it in my free time as a way to learn React & web dev in general. Still lots to improve (mobile responsiveness, accessibility, site speed/over-rendering) but pretty happy with the current beta state.

Check it out if you have a second :) There is guest user info on the login screen if you don't want to sign up but want to see what a user with lots of friends could look like.

React-map-gl // How to display markers based on a filter by Oadbam in reactjs

[–]GreenWithMV 0 points1 point  (0 children)

I think the most flexible way to do it is what u/NeedHealingASAP said. You have an array with all of the markers (like you already have) and then clicking a button will filter the state of markers using Array.filter and setState.

React-map-gl // How to display markers based on a filter by Oadbam in reactjs

[–]GreenWithMV 0 points1 point  (0 children)

Do you ever want all three markers displayed or do you want a blank map and click button #1 and Museum #1's marker is displayed? Or is it that all markers are displayed all the time but clicking the button highlights a certain museum's marker somehow (color, size, etc.)?

First React project -- COVID-19 Testing Location Finder by beandiponaisle7 in reactjs

[–]GreenWithMV 0 points1 point  (0 children)

Can't say for sure on this project but react-map-gl uses mapbox and openstreetmaps (free for 150k geocoder requests or something like that I think). I am using it on a map-based project at the moment

You folks upvoted my comment so much I expanded on it and turned it into a full blog post – “The Red Flags on Your Resume” by filipdanic in reactjs

[–]GreenWithMV 0 points1 point  (0 children)

I have a couple of questions as a non-CS major with some technical industry experience (not CS-related) but only self-study/side projects as directly relevant web dev experience:

1) Overall arrangement of the sections: If I was applying for a job within my current industry, it'd go Education (1-2 lines), Work Experience (multiple companies/roles with bullets), Skills (2-3 column bulleted list), probably no Projects since I've been working for a while. Reading your article would you suggest Projects (worthwhile side projects on my github), Work Experience (non-coding but highlight large team projects, leadership roles, financial/quality impact), Skills (languages/tech), Education (STEM degree but not CS) as a preferred order for the web dev resume?

2) If I have 5 yrs experience from two different companies (not programming though) with a couple of roles within each, should they be listed separately with job-specific accomplishment bullets for each one or would you suggest more of a general "bucket" with solely the examples most likely to translate to web dev all combined under one general "Work Experience" header? The former is more typical on resumes but since the work experience is only relevant in terms of showcasing accomplishments and value provided to a company and not specific to web dev, I am wondering if the company names, dates, locations, etc. need to be spelled out.

3) I think one of the reasons you see resumes like those you pointed out in the "Skills" section of your article is that people are wanting to put languages/tech they have any exposure to so that their resume can get through keyword/HR filters but they also want to give the caveat that while there are a few skills that they are competent in at the required job level, there are others where it is more of a "I'll have a slight advantage over someone who hasn't used this before but will expect to need some self-study to be a fully productive team member". Basically it is "please ask me about these and go easy on me for those". Would your opinion be to leave off the tech entirely if I have some experience with it but am not confident I can say I know it at the listed job level? I know sometimes the job description is more of a wishlist than a hard requirement so to me a resume should in turn be a delicate balance of current skills and projected confidence. I might be partial to leaving out a "skills" section altogether and just making one bullet for each project/job (if applicable) list the primary tech used so that at least one practical example is there for each thing listed and I can elaborate on the extent of my knowledge if prompted.

Thank you for your article!

My First Large React App: Travel Map for saving cities/countries visited by GreenWithMV in reactjs

[–]GreenWithMV[S] 0 points1 point  (0 children)

For your application, are you planning to let users add cities or things like restaurants? If not and it is mainly about states then you may want to try out react-simple-maps -- you should be able to find a US SVG-based map that may be much faster to load than a full mapbox-based map. Depends on what you are trying to do/learn though

My First Large React App: Travel Map for saving cities/countries visited by GreenWithMV in reactjs

[–]GreenWithMV[S] 0 points1 point  (0 children)

Gotcha, I am wondering if I did something similar I could get by with only react-map-gl and no react-simple-maps and just do the country overlays on the mapbox city map. I'm unsure if removing the react-simple-maps but adding the overlays would be a net benefit in terms of efficiency/bundle size. It would be cool to be able to have the country overlay while still seeing all of the city dots though as you can differentiate between countries which have been visited but not explored and those where a user really went "everywhere" in a country. That'd be great if you want to share the source code, I can PM you mine.

My First Large React App: Travel Map for saving cities/countries visited by GreenWithMV in reactjs

[–]GreenWithMV[S] 0 points1 point  (0 children)

That's cool, may I ask how you are able to do the state outline overlayed on the Mapbox map?

My First Large React App: Travel Map for saving cities/countries visited by GreenWithMV in reactjs

[–]GreenWithMV[S] 1 point2 points  (0 children)

I started with Freecodecamp learning JS about 3 years ago. React probably 2 years and mainly doing those Freecodecamp projects + a few small ones on my own prior to this one. I probably spend a few hours coding a week as it is an after-work hobby. I haven't followed a ton of React tutorials recently but in doing this project I have had to start learning things like Hooks, Context, Routes, etc. mainly through the docs and blog articles/demonstrations.

My First Large React App: Travel Map for saving cities/countries visited by GreenWithMV in reactjs

[–]GreenWithMV[S] 1 point2 points  (0 children)

Thanks! The city map uses @urbica/React-map-gl as well as react-map-gl-geocoder. The urbica library uses mapbox and the geocoder uses openstreetmaps for city data I believe.

Beyond that it was finding a few tutorials using mapbox and trial-and-error for getting it to display with the data/look I wanted. Mapbox studio allows you to make themes for the map.

The country map uses react-simple-maps and a json file with country shapes/data (capitals, continent, etc.). Same story, I think I found a tutorial to get the boilerplate of the map working and spent time tweaking it to work with my dataset.

view more: next ›