<commit_before>---
layout: post  
title: Portfolio  
date: 2016-5-15
modified: 2017-3-14
excerpt: "Here are a some of my projects."
image:
  feature: sculpture.jpg
  credit: <NAME>

---
<div class="well">
<h4>Edmonds NAC Organization Website</h4>
<p>This is the website for a local political organization which I have made significant contributions to.
<a href="http://edmondsnac.org/">Edmonds NAC</a>
</p>

<figure class="caption-title">
<img src="/images/enac.png">
<figcaption>
<h3>Enac Website</h3>
<p> View my contributions on GitHub</p>
<i class ="fa fa-github text-center"></i>
</figcaption>
<a href="https://github.com/sounderminds/sounderminds.github.io"></a>
</figure>
</div>

<div class="well">
<h4>JavaScript Calculator</h4>
<p>This is an Advanced Front End Development Project which is part of the Front End Development Certification curriculum at <a href="https://www.freecodecamp.com/"> Free Code Camp.</a>
</p>
<figure class="caption-title">
<img src="/images/js-calc.png">
<figcaption>
<h3>Wikipedia Viewer</h3>
<p> View project on Codepen</p>
<i class ="fa fa-codepen text-center"></i>
</figcaption>
<a href="http://codepen.io/RecklessMoxie/full/XjxyEQ/"></a>
</figure>
<p> View User-Stories and full project code on <a href="https://github.com/recklessmoxie/javascript-calculator"> GitHub. </a>
</p>
</div>

<div class="well">
<h4> Twitch Tv API App </h4>
<p> This intermediate-level project is part of the Front End Development Certification through <a href="https://www.freecodecamp.com/"> Free Code Camp. </a>
</p>

<figure class="caption-title">
<img src="/images/screenshot2.png">
<figcaption>
<h3> Twitch Tv App </h3>
<p> View project on Codepen</p>
<i class="fa fa-codepen text-center"></i>
</figcaption>
<a href="http://codepen.io/RecklessMoxie/full/dXjzzN/"></a>
</figure>
</div>

<p> View User-Stories and full project code on <a href="https://github.com/recklessmoxie/twitch-tv"> GitHub. </a>
</p>
____

<div class="well">
<h4> Wikipedia Viewer </h4>
<p> This Intermediate-Level project is part of the Front End Development Certification curriculum at
<a href="https://www.freecodecamp.com/"> Free Code Camp.</a>
</p>
<p> See the <a href="/blog/wikipedia-viewer-project/"> blog post </a> about this project.</p>

<figure class="caption-title">
<img src="/images/goatsearch.png">
<figcaption>
<h3>Wikipedia Viewer</h3>
<p> View project on Codepen</p>
<i class ="fa fa-codepen text-center"></i>
</figcaption>
<a href="http://codepen.io/RecklessMoxie/full/QEBbJK/"></a>
</figure>
</div>
_____

<div class="well">
<h4>Local Weather App</h4>
<p> This Intermediate-Level project is part of the Front End Development Certification curriculum at
<a href="https://www.freecodecamp.com/"> Free Code Camp.</a>
</p>
<p>See the <a href="/blog/Local-Weather-App/"> blog post </a> about this project.</p>
<figure class="caption-title">
<img src="http://res.cloudinary.com/recklessmoxie/image/upload/q_100/v1467437849/Screen_Shot_2016-07-01_at_10.35.44_PM_ouzska.png">
<figcaption>
<h3>Local Weather App</h3>
<p> View project on Codepen</p>
<i class ="fa fa-codepen text-center"></i>
</figcaption>
<a href="http://codepen.io/RecklessMoxie/full/qNNQjV/"></a>
</figure>
</div>
_____

<div class="well">
<h4>Random Quote Generator</h4>
<p>This intermediate-level project is part of the Front End Development Certification curriculum at
<a href="https://www.freecodecamp.com/"> Free Code Camp.</a>
</p>
<figure class="caption-title">
<img src="http://res.cloudinary.com/recklessmoxie/image/upload/q_100/v1466103475/Screen_Shot_2016-06-16_at_11.57.07_AM_iq3vtx.png">
<figcaption>
<h3>Random Quote Generator</h3>
<p> View project on CodePen</p>
<i class ="fa fa-codepen text-center"></i>
</figcaption>
<a href="http://codepen.io/RecklessMoxie/pen/BzKKLP/"></a>
</figure>
<h5>Project Guidelines</h5>
<ol>
<li>Don't look at the example project's code. Figure it out for yourself.</li>
<li>Fulfill the below user stories. Use whichever libraries you need. Give it your own personal style.</li>
</ol>
<ul>
<li>User Story: I can click a button to show me a new random quote.</li>
<li>User Story: I can press a button to tweet out a quote.</li>
</ul>
</div>
_____




<div class="well">
<h4>Personal Portfolio Webpage</h4>
<p>This project is part of the Front End Development Certification curriculum at
  <a href="https://www.freecodecamp.com/"> Free Code Camp.</a>
</p>
<figure class="caption-title">
  <img src="http://res.cloudinary.com/recklessmoxie/image/upload/c_fit,h_320,q_100,w_440/v1463346256/Screen_Shot_2016-05-15_at_2.03.47_PM_fnnssl.png" alt="Personal Portfolio">
<figcaption>
  <h3>Portfolio</h3>
  <p>View project and code on CodePen</p>
  <i class="fa fa-codepen text-center"></i>
</figcaption>
  <a href="http://codepen.io/RecklessMoxie/full/PNePoM/"></a>
</figure>
<h5>Project Guidelines</h5>
<ol>
<li>Don't look at the example project's code. Figure it out for yourself.</li>
<li>Fulfill the below user stories. Use whichever libraries you need. Give it your own personal style.</li>
<li>You can use Bootstrap, or any other framework of your choice.</li>
</ol>
<ul>
<li>User Story: I can access all of the portfolio webpage's content just by scrolling.</li>
<li>User Story: I can click different buttons that will take me to the portfolio creator's different social media pages.</li>
<li>User Story: I can see thumbnail images of different projects the portfolio creator has built (if you haven't built any websites before, use placeholders.)</li>
<li>User Story: I navigate to different sections of the webpage by clicking buttons in the navigation.</li>
</ul>
</div>
 ______


<div class="well">
  <h4>Tribute Page</h4>
  <p>This project is part of the Front End Development Certification curriculum at
  <a href="https://www.freecodecamp.com/"> Free Code Camp.</a></p>
<figure class="caption-title">
  <img  src="http://res.cloudinary.com/recklessmoxie/image/upload/c_crop,h_320,q_100,w_440,x_156,y_214/v1462596674/tribute.jpg" alt="Tribute Page">
<figcaption>
  <h3>Tribute Page</h3>
  <p>View project and code on CodePen</p>
  <i class="fa fa-codepen text-center"></i>
</figcaption>
  <a href="http://codepen.io/RecklessMoxie/full/jqzQEV/"></a>
</figure>
  <h5>Project Guidelines</h5>
  <ol>  
  <li>Don't look at the example project's code. Figure it out for yourself.</li>
  <li>Fulfill the below user stories. Use whichever libraries you need. Give it your own personal style.</li>
  </ol>
  <ul>
  <li>User Story: I can view a tribute page with an image and text.</li>
  <li>User Story: I can click on a link that will take me to an external website with further information on the topic.</li>
  </ul>
</div>
 _____


<div class="well">
  <h4>Final Project: Code Fellows Bootcamp</h4>
  <p>Final project which was a collaborative effort with 3 of my classmates.
  User Stories and raw code for this project
  <a href="https://github.com/CarrieShort/game-closet"> here.</a></p>
<figure class="caption-title">
  <img src="http://res.cloudinary.com/recklessmoxie/image/upload/c_scale,h_320,w_440/v1462595781/game-closet.jpg" alt="Game Closet Project"/>
<figcaption>
  <h3>Game Closet</h3>
  <p>View live project site</p>
  <i class="fa fa-long-arrow-right"></i>
</figcaption>
  <a href="http://carrieshort.github.io/game-closet/index.html"></a>
</figure>
</div>
_____



<div class="well">
  <h4>Final Personal Project: Code Fellows</h4>
  <p>Bus Mall, photo survey project.
  User Stories and raw code
  <a href="https://github.com/recklessmoxie/bus-mall">here</a></p>
<figure class="caption-title">
  <img src="http://res.cloudinary.com/recklessmoxie/image/upload/c_lfill,g_center,h_320,q_100,w_440/v1462651233/bus-mall-project.jpg" alt="Bus Mall Project">
<figcaption>
  <h3>Bus Mall</h3>
  <p>View live project site.</p>
  <i class="fa fa-long-arrow-right"></i>
</figcaption>
  <a href="http://www.recklessmoxie.com/bus-mall/"></a>
</figure>  
</div>
____


<div markdown="0"><a href="http://www.recklessmoxie.com" class="btn"><i class="fa fa-home"></i> Home </a><a href="/blog/" class="btn pull-right"><i class="fa fa-pencil"></i> Blog </a></div>
<commit_msg>corrected figcaption in portfolio<commit_after>---
layout: post  
title: Portfolio  
date: 2016-5-15
modified: 2017-3-14
excerpt: "Here are a some of my projects."
image:
  feature: sculpture.jpg
  credit: <NAME>

---
<div class="well">
<h4>Edmonds NAC Organization Website</h4>
<p>This is the website for a local political organization which I have made significant contributions to.
<a href="http://edmondsnac.org/">Edmonds NAC</a>
</p>

<figure class="caption-title">
<img src="/images/enac.png">
<figcaption>
<h3>Enac Website</h3>
<p> View my contributions on GitHub</p>
<i class ="fa fa-github text-center"></i>
</figcaption>
<a href="https://github.com/sounderminds/sounderminds.github.io"></a>
</figure>
</div>

<div class="well">
<h4>JavaScript Calculator</h4>
<p>This is an Advanced Front End Development Project which is part of the Front End Development Certification curriculum at <a href="https://www.freecodecamp.com/"> Free Code Camp.</a>
</p>
<figure class="caption-title">
<img src="/images/js-calc.png">
<figcaption>
<h3>JavaScript Calculator</h3>
<p> View project on Codepen</p>
<i class ="fa fa-codepen text-center"></i>
</figcaption>
<a href="http://codepen.io/RecklessMoxie/full/XjxyEQ/"></a>
</figure>
<p> View User-Stories and full project code on <a href="https://github.com/recklessmoxie/javascript-calculator"> GitHub.</a>
</p>
</div>

<div class="well">
<h4> Twitch Tv API App </h4>
<p> This intermediate-level project is part of the Front End Development Certification through <a href="https://www.freecodecamp.com/"> Free Code Camp. </a>
</p>

<figure class="caption-title">
<img src="/images/screenshot2.png">
<figcaption>
<h3> Twitch Tv App </h3>
<p> View project on Codepen</p>
<i class="fa fa-codepen text-center"></i>
</figcaption>
<a href="http://codepen.io/RecklessMoxie/full/dXjzzN/"></a>
</figure>
</div>

<p> View User-Stories and full project code on <a href="https://github.com/recklessmoxie/twitch-tv"> GitHub. </a>
</p>
____

<div class="well">
<h4> Wikipedia Viewer </h4>
<p> This Intermediate-Level project is part of the Front End Development Certification curriculum at
<a href="https://www.freecodecamp.com/"> Free Code Camp.</a>
</p>
<p> See the <a href="/blog/wikipedia-viewer-project/"> blog post </a> about this project.</p>

<figure class="caption-title">
<img src="/images/goatsearch.png">
<figcaption>
<h3>Wikipedia Viewer</h3>
<p> View project on Codepen</p>
<i class ="fa fa-codepen text-center"></i>
</figcaption>
<a href="http://codepen.io/RecklessMoxie/full/QEBbJK/"></a>
</figure>
</div>
_____

<div class="well">
<h4>Local Weather App</h4>
<p> This Intermediate-Level project is part of the Front End Development Certification curriculum at
<a href="https://www.freecodecamp.com/"> Free Code Camp.</a>
</p>
<p>See the <a href="/blog/Local-Weather-App/"> blog post </a> about this project.</p>
<figure class="caption-title">
<img src="http://res.cloudinary.com/recklessmoxie/image/upload/q_100/v1467437849/Screen_Shot_2016-07-01_at_10.35.44_PM_ouzska.png">
<figcaption>
<h3>Local Weather App</h3>
<p> View project on Codepen</p>
<i class ="fa fa-codepen text-center"></i>
</figcaption>
<a href="http://codepen.io/RecklessMoxie/full/qNNQjV/"></a>
</figure>
</div>
_____

<div class="well">
<h4>Random Quote Generator</h4>
<p>This intermediate-level project is part of the Front End Development Certification curriculum at
<a href="https://www.freecodecamp.com/"> Free Code Camp.</a>
</p>
<figure class="caption-title">
<img src="http://res.cloudinary.com/recklessmoxie/image/upload/q_100/v1466103475/Screen_Shot_2016-06-16_at_11.57.07_AM_iq3vtx.png">
<figcaption>
<h3>Random Quote Generator</h3>
<p> View project on CodePen</p>
<i class ="fa fa-codepen text-center"></i>
</figcaption>
<a href="http://codepen.io/RecklessMoxie/pen/BzKKLP/"></a>
</figure>
<h5>Project Guidelines</h5>
<ol>
<li>Don't look at the example project's code. Figure it out for yourself.</li>
<li>Fulfill the below user stories. Use whichever libraries you need. Give it your own personal style.</li>
</ol>
<ul>
<li>User Story: I can click a button to show me a new random quote.</li>
<li>User Story: I can press a button to tweet out a quote.</li>
</ul>
</div>
_____




<div class="well">
<h4>Personal Portfolio Webpage</h4>
<p>This project is part of the Front End Development Certification curriculum at
  <a href="https://www.freecodecamp.com/"> Free Code Camp.</a>
</p>
<figure class="caption-title">
  <img src="http://res.cloudinary.com/recklessmoxie/image/upload/c_fit,h_320,q_100,w_440/v1463346256/Screen_Shot_2016-05-15_at_2.03.47_PM_fnnssl.png" alt="Personal Portfolio">
<figcaption>
  <h3>Portfolio</h3>
  <p>View project and code on CodePen</p>
  <i class="fa fa-codepen text-center"></i>
</figcaption>
  <a href="http://codepen.io/RecklessMoxie/full/PNePoM/"></a>
</figure>
<h5>Project Guidelines</h5>
<ol>
<li>Don't look at the example project's code. Figure it out for yourself.</li>
<li>Fulfill the below user stories. Use whichever libraries you need. Give it your own personal style.</li>
<li>You can use Bootstrap, or any other framework of your choice.</li>
</ol>
<ul>
<li>User Story: I can access all of the portfolio webpage's content just by scrolling.</li>
<li>User Story: I can click different buttons that will take me to the portfolio creator's different social media pages.</li>
<li>User Story: I can see thumbnail images of different projects the portfolio creator has built (if you haven't built any websites before, use placeholders.)</li>
<li>User Story: I navigate to different sections of the webpage by clicking buttons in the navigation.</li>
</ul>
</div>
 ______


<div class="well">
  <h4>Tribute Page</h4>
  <p>This project is part of the Front End Development Certification curriculum at
  <a href="https://www.freecodecamp.com/"> Free Code Camp.</a></p>
<figure class="caption-title">
  <img  src="http://res.cloudinary.com/recklessmoxie/image/upload/c_crop,h_320,q_100,w_440,x_156,y_214/v1462596674/tribute.jpg" alt="Tribute Page">
<figcaption>
  <h3>Tribute Page</h3>
  <p>View project and code on CodePen</p>
  <i class="fa fa-codepen text-center"></i>
</figcaption>
  <a href="http://codepen.io/RecklessMoxie/full/jqzQEV/"></a>
</figure>
  <h5>Project Guidelines</h5>
  <ol>  
  <li>Don't look at the example project's code. Figure it out for yourself.</li>
  <li>Fulfill the below user stories. Use whichever libraries you need. Give it your own personal style.</li>
  </ol>
  <ul>
  <li>User Story: I can view a tribute page with an image and text.</li>
  <li>User Story: I can click on a link that will take me to an external website with further information on the topic.</li>
  </ul>
</div>
 _____


<div class="well">
  <h4>Final Project: Code Fellows Bootcamp</h4>
  <p>Final project which was a collaborative effort with 3 of my classmates.
  User Stories and raw code for this project
  <a href="https://github.com/CarrieShort/game-closet"> here.</a></p>
<figure class="caption-title">
  <img src="http://res.cloudinary.com/recklessmoxie/image/upload/c_scale,h_320,w_440/v1462595781/game-closet.jpg" alt="Game Closet Project"/>
<figcaption>
  <h3>Game Closet</h3>
  <p>View live project site</p>
  <i class="fa fa-long-arrow-right"></i>
</figcaption>
  <a href="http://carrieshort.github.io/game-closet/index.html"></a>
</figure>
</div>
_____



<div class="well">
  <h4>Final Personal Project: Code Fellows</h4>
  <p>Bus Mall, photo survey project.
  User Stories and raw code
  <a href="https://github.com/recklessmoxie/bus-mall">here</a></p>
<figure class="caption-title">
  <img src="http://res.cloudinary.com/recklessmoxie/image/upload/c_lfill,g_center,h_320,q_100,w_440/v1462651233/bus-mall-project.jpg" alt="Bus Mall Project">
<figcaption>
  <h3>Bus Mall</h3>
  <p>View live project site.</p>
  <i class="fa fa-long-arrow-right"></i>
</figcaption>
  <a href="http://www.recklessmoxie.com/bus-mall/"></a>
</figure>  
</div>
____


<div markdown="0"><a href="http://www.recklessmoxie.com" class="btn"><i class="fa fa-home"></i> Home </a><a href="/blog/" class="btn pull-right"><i class="fa fa-pencil"></i> Blog </a></div>

{'fraction_non_alphanumeric': 0.16656384947563233, 'fraction_numerical': 0.025909932140653916, 'mean_word_length': 4.72624514305899, 'pattern_counts': {'":': 0, '<': 573, '<?xml version=': 0, '>': 573, 'https://': 24, 'lorem ipsum': 0, 'www.': 18, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 16, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5479727', 'n_tokens_mistral': 6120, 'n_tokens_neox': 5822, 'n_words': 1622}