portfolio.html

---
title: Portfolio
layout: default
---

<div class="page portfolio flex-row">
  <figure class="flex-cell">
    <div id="overlay-allaboutme" class="overlay">
       <p>A mobile-first web form for The Anna Freud Centre which allows young people to answer questions about their mental health and send their answers to their mental health workers.</p>
    </div>
    <img src="img/allaboutme.jpg" alt=""/>
    <figcaption><a rel="noopener" href="https://github.com/FAC-11/AllAboutMe/">All About Me</a> <span class="info" id="info-allaboutme"><i class="fa-2x fa fa-info-circle"></i></span></figcaption>
  </figure>
  <figure class="flex-cell">
    <div id="overlay-prereq" class="overlay">
       <p>Uses API calls (and web-scraping where needed) to gather information about applicants for the Founders &amp; Coders selection panel. One build sprint (of just under two weeks) has been completed so far, in a group of four.</p>
    </div>
    <img src="img/prereq.jpg" alt="" />
    <figcaption><a rel="noopener" href="https://github.com/ameliejyc/prereq-check">preReqCheck</a> <span class="info" id="info-prereq"><i class="fa-2x fa fa-info-circle"></i></span></figcaption>
  </figure>
  <figure class="flex-cell">
    <div id="overlay-ea" class="overlay">
      <p>Effective altruism information site: Built using vanilla JavaScript as part of my application to Founders &amp; Coders.</p>
    </div>
    <img src="img/ea.jpg" alt="" />
    <figcaption><a rel="noopener" href="https://dangerdak.github.io/effectivealtruism/">Effective altruism information site</a> <span class="info" id="info-ea"><i class="fa-2x fa fa-info-circle"></i></span></figcaption>
  </figure>
  <!--<figure class="flex-cell">-->
    <!--<div id="overlay-wiki" class="overlay">-->
      <!--<p>FreeCodeCamp Project: Wikipedia viewer. Follow link for a random article, or search to view search result previews. Expanding search box made with jQuery.</p>-->
    <!--</div>-->
    <!--<img src="https://c1.staticflickr.com/1/752/32401386494_9df996afc2.jpg" />-->
    <!--<figcaption><a rel="noopener" href="https://codepen.io/dangerdak/full/apagbG/">Wikipedia Viewer</a> <span class="info" id="info-wiki"><i class="fa-2x fa fa-info-circle"></i></span></figcaption>-->
  <!--</figure>-->
  <!--<figure class="flex-cell">-->
    <!--<div id="overlay-quotes" class="overlay">-->
      <!--<p>FreeCodeCamp Project: Random quote generator made using jQuery and a movie quote API from adruxxnet.</p>-->
    <!--</div>-->
    <!--<img src="https://c1.staticflickr.com/3/2922/33183900245_06b80700d8_o.jpg" />-->
    <!--<figcaption><a rel="noopener" href="https://codepen.io/dangerdak/full/dNJWrV/">Quote Machine</a> <span class="info" id="info-quotes"><i class="fa-2x fa fa-info-circle"></i></span></figcaption>-->
  <!--</figure>-->
  <figure class="flex-cell">
    <div id="overlay-calculator" class="overlay">
      <p>Calculator built using vanilla JavaScript as preparation for Founders &amp; Coders.</p>
    </div>
    <img src="img/calculator.jpg" alt="" />
    <figcaption><a rel="noopener" href="https://dangerdak.github.io/calculator/">Calculator</a> <span class="info" id="info-calculator"><i class="fa-2x fa fa-info-circle"></i></span></figcaption>
  </figure>
  <figure class="flex-cell">
    <div id="overlay-quiz" class="overlay">
      <p>A single-page Javascript quiz on the world's capital cities. Made while following a blog post on javascriptissexy.com, and then extended with additional features.</p>
    </div>
    <img src="img/quiz.jpg" alt="" />
    <figcaption><a rel="noopener" href="http://dangerdak.github.io/countryquiz/">Capital cities quiz</a> <span class="info" id="info-quiz"><i class="fa-2x fa fa-info-circle"></i></span></figcaption>
  </figure>
  <figure class="flex-cell">
    <div id="overlay-chrappy" class="overlay">
      <p>An (unpolished, unfinished) Secret Santa website built with Python and Django. Successfully used once by my family! No longer live as it needs lots of work.</p>
    </div>
    <img src="img/chrappy.png" alt="" />
    <figcaption><a rel="noopener" href="https://github.com/dangerdak/chrapp">chrAppy - Secret Santa app</a> <span class="info" id="info-chrappy"><i class="fa-2x fa fa-info-circle"></i></span></figcaption>
  </figure>
  <!--<figure class="flex-cell">-->
    <!--<div id="overlay-physics" class="overlay">-->
      <!--<p>C++: Modelling single and double pendula. Implemented Markov Chain Monte Carlo for a toy problem. Astronomical image processing with Matlab.</p>-->
    <!--</div>-->
    <!--<img src="https://c1.staticflickr.com/3/2782/32722781930_c9855f8905_b.jpg" />-->
    <!--<figcaption><a rel="noopener" href="https://github.com/dangerdak?utf8=%E2%9C%93&tab=repositories&q=pushed%3A%3C2014-09-01">Computational physics projects</a> <span class="info" id="info-physics"><i class="fa-2x fa fa-info-circle"></i></span></figcaption>-->
  <!--</figure>-->
</div>