<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: James</title>
    <description>The latest articles on DEV Community by James (@jameslcarpino).</description>
    <link>https://dev.to/jameslcarpino</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F457870%2Fa04c4a25-5acb-4310-9b98-2bc017799655.jpeg</url>
      <title>DEV Community: James</title>
      <link>https://dev.to/jameslcarpino</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/jameslcarpino"/>
    <language>en</language>
    <item>
      <title>Okay, now what?</title>
      <dc:creator>James</dc:creator>
      <pubDate>Fri, 25 Sep 2020 18:11:59 +0000</pubDate>
      <link>https://dev.to/jameslcarpino/okay-now-what-47c4</link>
      <guid>https://dev.to/jameslcarpino/okay-now-what-47c4</guid>
      <description>&lt;p&gt;If you're like me, you're on your last submittable retrospective of a 6ish month coding bootcamp. &lt;/p&gt;

&lt;p&gt;If you're like me that bootcamp is called Lambda School of Computercraft and Codery.  &lt;/p&gt;

&lt;p&gt;If you're like me, that means you've probably lost a job, got a job, lost a job, secured a new job, lost that job because of a pandemic, lost your health insurance twice during that time, went on unemployment during this time, lost your unemployment during this time, and survived the highest hazardous air quality ever.&lt;/p&gt;

&lt;p&gt;If you're like me, sitting in your kitchen drinking a hot cup of coffee, smacking a fruit fly from the air, you're surely thinking, "Alright, I made it to this point now what?"&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--4t5vb2fR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/dz2mbmheenwtserqc185.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--4t5vb2fR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/dz2mbmheenwtserqc185.gif" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I'll admit, that came out a bit more dramatic than I meant for it to sound. The thing about trying to make drastic changes is that it feels like an impossible task.&lt;/p&gt;

&lt;p&gt;I know I'm in a better spot. Now poised to enter into a new career that can potentially make it so rent is easier to come up with. Lingering, though, is the sense of not knowing if you're good enough, know enough, capable, or just going to be lucky enough. &lt;/p&gt;

&lt;p&gt;That's a pretty scary load, so instead I'm going to try to do something I never do. &lt;/p&gt;

&lt;h2&gt;
  
  
  Focusing on what I've accomplished and work towards new things.
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--iL7MWlHx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/l0dhp04yfh7zvzwivtd8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--iL7MWlHx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/l0dhp04yfh7zvzwivtd8.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Currently, I'm working on my portfolio. (Yes, I know, I should have had this done already.) &lt;br&gt;
I had an idea a night or two ago to make my portfolio interactive by dragging and dropping icons into a launch zone to make modals pop up showing the corresponding information. &lt;/p&gt;

&lt;p&gt;The reason I bring this up, is because 6 months ago I'd never of been able to articulate what I wanted to do in a way that would allow me to research and figure out how to do that. Manipulating the state, using useEffect, adding eventListeners? These are normal everyday things now, but ask me a couple months ago what they meant and I'd of made up something silly to catch a chuckle. &lt;/p&gt;

&lt;p&gt;On a whim I wanted to make this feature, just because I could. And it's working.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Well, almost&lt;/em&gt;&lt;br&gt;
I'm still working on it, and isn't that the best part? I get to spend the day building something, which is awesome.&lt;/p&gt;

&lt;p&gt;What makes it so awesome is that I have these new skills and abilities that I've acquired and its not even close to the end of learning. Imagine how boring it would be to just know all the things. &lt;/p&gt;

&lt;p&gt;That's how I know that I'll be okay and have found a career path that makes sense for me. Even on my worst days, I can always find solace in the fact that just being curious is part of the job requirements. I've got an endless supply of curiosity. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--QNQDr9o5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bgfio8esqio8bp620ewd.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--QNQDr9o5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bgfio8esqio8bp620ewd.gif" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;So when I ask "What's next?" The answer isn't as easy as saying "Job, house, money", though those would be very nice. Maybe just accepting that I don't know what is next, but can find the answers if I apply myself - just like learning to write code - I can move the dial towards "next".&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>career</category>
    </item>
    <item>
      <title>Mapping bridges to bridge skillsets.</title>
      <dc:creator>James</dc:creator>
      <pubDate>Fri, 28 Aug 2020 17:51:51 +0000</pubDate>
      <link>https://dev.to/jameslcarpino/mapping-bridges-to-bridge-skillsets-mo9</link>
      <guid>https://dev.to/jameslcarpino/mapping-bridges-to-bridge-skillsets-mo9</guid>
      <description>&lt;p&gt;Bridge to Prosperity is a nonprofit organization that works to build bridges in remote villages that have been isolated by natural obstacles. &lt;/p&gt;

&lt;h5&gt;
  
  
  "We work with isolated communities to create access to essential health care, education and economic opportunities by building footbridges over impassable rivers." - Bridges To Prosperity
&lt;/h5&gt;

&lt;p&gt;The problem that Bridges To Prosperity had was that they wanted a way to map cleaned data of all the bridge sites and villages that have bridges, are proposed to have bridges, and current construction projects. While also showing the data for community and individuals served.&lt;/p&gt;

&lt;p&gt;The product I worked on to solve this problem was the front end of the web application. This application uses Mapbox, React, and Redux to handle the visualization of data.&lt;/p&gt;

&lt;p&gt;My main concerns while working on this project were:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;How to make a dynamic and easily navigated user experience.&lt;/li&gt;
&lt;li&gt;How to make a responsive filterable map based on input.&lt;/li&gt;
&lt;li&gt;How to interact with the data being given to us from the data scientists on the team.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;For the beginning phase of the project we broke each individual task down and assigned them as need be.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--yu36UJ-F--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/v2ehshuo9i5ksbtyl9nm.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--yu36UJ-F--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/v2ehshuo9i5ksbtyl9nm.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;My tasks for the project were to set the initial map with dummy data that could be replaced when the real data was cleaned and interacting with the backend. After that I created reducers and actions that allowed the bridge data to be filtered and searchable, as well as when you interact with one point on the map it would show that specific bridge in the menu modal.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Sg0SQj75--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/7kc1o51afprti926jydn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Sg0SQj75--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/7kc1o51afprti926jydn.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Breaking everything, multiple times
&lt;/h2&gt;

&lt;p&gt;Things go smoothly until you break everything, and continue to do so. I hit a point with the search function that would cause the entire application to crash when there was nothing in the data that matched the search query. It ended up being a pretty simple fix after I worked a way around it, but leading up to that point it felt like I was throwing anything and everything at the wall with nothing working.&lt;/p&gt;

&lt;p&gt;I imagine if someone were to come into my branch during this run this is how it would feel: &lt;/p&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/13871fiv9kBfkQ/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/13871fiv9kBfkQ/giphy.gif" alt="gif of burning building"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;At my wits end, I reached out to a few friends and team mates to see if they could help me redirect my thought process or help me out. With competing suggestions I made a Frankenstein-esque combination of all the suggestions, and it still wasn't working. &lt;/p&gt;

&lt;h4&gt;
  
  
  Suggested ideas that weren't working, but felt as though they should have:
&lt;/h4&gt;

&lt;ol&gt;
&lt;li&gt; Filtering the data to a specific piece of state for searching&lt;/li&gt;
&lt;li&gt;Setting up a the search endpoint on the backend that would query all requests by a post request through a reducer.&lt;/li&gt;
&lt;li&gt;Throw your hands up in the air and hope.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Finally, after what felt like years, but realistically was a few hours, I discovered the issue.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--92jTkUrb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/1976si464l4qae3z0eqs.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--92jTkUrb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/1976si464l4qae3z0eqs.png" alt="code snippet"&gt;&lt;/a&gt;&lt;br&gt;
It was so small, but I had set the length property in my ternary to the incorrect number so it didn't know what to do when the list was filtered to 0 results. Thus creating the break. After that it was a matter of just writing a simple conditional to handle what would happen when the information was deleted.&lt;/p&gt;

&lt;p&gt;After all of it, it was such a small oversight causing so much havoc. At first I thought it was a reflection on me as a bad web developer(jury still out on this), but after thinking about it for a while I am proud of the whole scenario. I learned a lot, got to work with a lot of different thought processes, and got to eventually solve the problem. That, to me, is what learning and getting better and bridging thought processes is all about.&lt;/p&gt;

&lt;h2&gt;
  
  
  With map in hand, all I need now is a compass.
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--FxJ3D-1K--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ktes48efeqgufmqsyy1o.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--FxJ3D-1K--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ktes48efeqgufmqsyy1o.png" alt="screenshot of deliverable"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The project is up and running, and is closing in on the design specs given to us by the stakeholder and the UX team. Theres a few more things to figure out, but a lot of it is styling and polishing. The main issue holding us up now is that we still aren't fully connected to the data scientist's data. Soon that will be figured out.&lt;/p&gt;

&lt;p&gt;So far the features that are ready to ship on the front end are:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A rendered map with custom markers to view bridge sights&lt;/li&gt;
&lt;li&gt;Interactive markers that when clicked the bridge sight is displayed&lt;/li&gt;
&lt;li&gt;A way for users to switch between map themes&lt;/li&gt;
&lt;li&gt;A searchable list of maps by any criteria&lt;/li&gt;
&lt;li&gt;Sign up &amp;amp; sign in functionality&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PscXbFoh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/40olafu2h4wacqf6snp9.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PscXbFoh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/40olafu2h4wacqf6snp9.gif" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This is my proudest contribution. The locally stored theme's that are dynamically changed by id of the map url slug. It's a simple feature that gives a greater range of visualization to the area. &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--dvAsAuJi--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/f72wdzovsn39t5mhsenn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--dvAsAuJi--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/f72wdzovsn39t5mhsenn.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Its times like this, when the features are coming together, that the imposter syndrome seems to fall to the wayside for a few hours and lets me work confidently. &lt;/p&gt;

&lt;p&gt;We are about 4 weeks into the work on this project, I'm roughly 7 months into the program at Lambda, and going on my 9th month of being unemployed - which was the catalyst of joining Lambda to begin with. &lt;/p&gt;

&lt;p&gt;This is what I mean by needing the compass. I strive when it comes to structured group projects, and Lambda has been great in teaching me and leading me where to go in terms of changing my career to pull myself back out of unemployment purgatory. What I am concerned about, and I'm sure I'm not alone, is that I'll be left in the same spot I was when I started lambda, albeit with a few more skills, but no new shiny career. I'm attempting to use these projects to steer and learn, but sometimes it feels like starting form square one when you get stuck.&lt;/p&gt;

&lt;p&gt;All this to say, I'm concerned, but I think that the final skill set that I will take away form Lambda as a whole, and this Labs project is that giving up is not an option and although it's a struggle it's always possible to conquer the tasks at hand. &lt;/p&gt;

&lt;p&gt;Be it a messy search function, or changing your life around.&lt;/p&gt;

</description>
      <category>react</category>
      <category>redux</category>
      <category>javascript</category>
    </item>
  </channel>
</rss>
