<?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: JJ Marshall</title>
    <description>The latest articles on DEV Community by JJ Marshall (@jerkzilla).</description>
    <link>https://dev.to/jerkzilla</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%2F499586%2Fa34cbf59-0069-4151-9fbb-4541e2718d50.jpeg</url>
      <title>DEV Community: JJ Marshall</title>
      <link>https://dev.to/jerkzilla</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/jerkzilla"/>
    <language>en</language>
    <item>
      <title>Re-Doing my final project</title>
      <dc:creator>JJ Marshall</dc:creator>
      <pubDate>Wed, 23 Dec 2020 02:59:12 +0000</pubDate>
      <link>https://dev.to/jerkzilla/re-doing-my-final-project-3h47</link>
      <guid>https://dev.to/jerkzilla/re-doing-my-final-project-3h47</guid>
      <description>&lt;p&gt;While my final project for Flatiron is sleek on first glance, it resembles Cyberpunk 2077 in that it only looks great in the best circumstances.&lt;/p&gt;

&lt;p&gt;My project &lt;a href="https://johnjamesmarshalljr.github.io/code-wanderer-frontend/#/"&gt;Code Wanderer&lt;/a&gt; is a React / Redux resource hub for new programmers. It lets users add resources like .PDFs and memes about programming that help understand new concepts. It has a ‘Wander’ button that shuffles a bunch of links and resembles StumbleUpon.&lt;/p&gt;

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

&lt;p&gt;I made the CSS myself and love how it looks. But it only works when your view is a computer screen. Everything works the way I want, but if you’re viewing from a phone, it looks trash.&lt;/p&gt;

&lt;p&gt;It’s taught me that in a crunch I can make a massive, scaleable project in a short time and do way more than I thought I could. It’s like when my coaches would push me to do a few more line drills, after I’d reached full lung failure minutes prior.&lt;/p&gt;

&lt;p&gt;I’m fixing this. Since my CSS was so experimental and intricate, it’s proving quite difficult to rearrange into a responsive web app.&lt;/p&gt;

&lt;p&gt;So I’m going to rebuild the entire thing. It’ll be hyper-focused, drilling new coders into the routines they need to create with the resources that will help them get there in a fun, refreshing way. Overstimulation and plethora of choice can be paralyzing.&lt;/p&gt;

&lt;p&gt;It will give me the chance to tweak the program to be more useful. And reinforce good React concepts. I’ll change local state to useState and implement hooks instead of the way I originally did it.&lt;/p&gt;

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

&lt;p&gt;I’ll still use Redux because it’s important that I show I can master the store that way again. It will also be crucial to use the Wander button again, as I only made it work as a shuffle through an action creator modifying the store.&lt;/p&gt;

&lt;p&gt;This time, I’ll build the CSS through Sass like I have been taught in my most recent lessons. Tagging more divs and building from the inside out with a pure concept in mind will help me make it responsive from the beginning.&lt;/p&gt;

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

&lt;p&gt;Though, I did build the site exactly the way I imagined it when I made it in my mind, evidenced above.&lt;/p&gt;

&lt;p&gt;Excited to have a project to work on to show my worth, and reinforce concepts while I prepare to interview.&lt;/p&gt;

</description>
      <category>react</category>
      <category>javascript</category>
      <category>css</category>
    </item>
    <item>
      <title>My Portfolio</title>
      <dc:creator>JJ Marshall</dc:creator>
      <pubDate>Mon, 02 Nov 2020 12:40:26 +0000</pubDate>
      <link>https://dev.to/jerkzilla/my-portfolio-pna</link>
      <guid>https://dev.to/jerkzilla/my-portfolio-pna</guid>
      <description>&lt;p&gt;&lt;a href="https://jjmarshall.me/"&gt;https://jjmarshall.me/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Finishing up bootcamp at Flatiron, and decided to get a head start on my portfolio. My React app will soon be the feature of my portfolio, but for now it will just be my mediocre JS, Rails, and Sinatra projects. Just wanted to share, thanks to everyone for the inspiration. Been really enjoying seeing everyone's work here.&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
