-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio-item catalist.html
155 lines (118 loc) · 7.55 KB
/
portfolio-item catalist.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<title>Jennifer Dryden Catalist Gift the Code || Capital One Hackathon Winner</title>
<link rel="stylesheet" href="style.css" media="screen" />
<link href='https://fonts.googleapis.com/css?family=Righteous&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Quicksand:300,400,700' rel='stylesheet' type='text/css'>
<script src="scripts/modernizr.js"></script>
</head>
<body>
<a href="#cd-nav" class="cd-nav-trigger">Menu
<span class="cd-nav-icon"></span>
<svg x="0px" y="0px" width="54px" height="54px" viewBox="0 0 54 54">
<circle fill="transparent" stroke="#90D4C5" stroke-width="2" cx="27" cy="27" r="25" stroke-dasharray="157 157" stroke-dashoffset="157"></circle>
</svg>
</a>
<div id="cd-nav" class="cd-nav">
<div class="cd-navigation-wrapper">
<div class="cd-half-block">
<nav>
<ul class="cd-primary-nav">
<li><a href="index.html" class="selected">Showcase</a></li>
<li><a href="profile.html">About</a></li> <!--profile.html-->
<li><a href="Resume Notice - Jennifer Dryden.pdf">Resume</a></li>
</ul>
</nav>
</div><!-- .cd-half-block -->
<div class="cd-half-block">
<address>
<ul class="cd-contact-info">
<li><a href="mailto:[email protected]">[email protected]</a></li>
<li>+1-647-607-5366</li>
</ul>
<ul class="cd-contact-socials">
<li><a href="https://www.linkedin.com/in/jennifer-dryden/">LinkedIn</a></li>
<li><a href="https://github.com/jenndryden">GitHub</a></li>
<li><a href="https://twitter.com/jenndryden">Twitter</a></li>
</ul>
</address>
</div> <!-- .cd-half-block -->
</div> <!-- .cd-navigation-wrapper -->
</div> <!-- .cd-nav -->
<div class="site-container">
<header class="site-header cf">
<div class="site-title"><a href="index.html">JENN DRYDEN</a></div>
<div class="cf"></div>
</header><!-- / .site-header -->
<section class="site-content">
<div class="page-desc">
<h1>Catalist - Capital One Gift the Code Hackathon Winner, Toronto Cat Rescue</h1>
<p><strong> SEP 2019</strong> ||| <strong>Skills:</strong> <i>Python Flask, AWS</i> ||| <strong>URL:</strong> <a href="https://betakit.com/gift-the-code-hackathon-brings-tech-innovation-to-canadian-charities/"><i>Catalist</i></a></p>
<p>The TCR is a virtual network of foster homes for cats, and intakes from many shelters and other places around Toronto. Their challenge was that they have information coming in via email from many sources to many different people, which then has to be aggregated by hand into Smartsheets.
<br>
<br>
Once in the Smartsheet, intake coordinators would look through the cats needing rescue, and accept them into the system by assigning them to a volunteer/foster home. Once accepted, the data was copied out of Smartsheets and into a Google Sheet.
<br>
<br>
This system often resulted in data relating to cats being lots in the system, data entered incorrectly into one of the above products, and data being lost by people accidentally deleting cells, rows, columns, etc. from Google Sheets. Our solution was to provide an intuitive interface backed by Google Sheets, which would let Shelters enter information directly, and would let coordinators view and modify information easily without ever having to open the Sheet. We chose to use Google Sheets as the backend because the charity was already used to using this product, and because their data was already structured in this way we could point the app at the existing sheet and not need any initial data input.
<br>
<br>
In the event that our application died, or data was inputted incorrectly in some way, the data was still accessible via Google Sheets (therefore not requiring SQL skills to modify the database) with an intuitive UX design. We implemented the solution using Python and Flask, hosted on an AWS instance.</p>
</div>
<article class="project">
<div class="project-assets">
<div class="image">
<div data-picture>
<div data-src="img/item-1 4.jpg"></div>
<div data-src="img/item-1 4.jpg" data-media="(-webkit-min-device-pixel-ratio: 2),(min--moz-device-pixel-ratio: 2),(-o-min-device-pixel-ratio: 2/1),(min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx)"></div>
<!--[if (lt IE 9) & (!IEMobile)]>
<div data-src="img/item-1.jpg"></div>
<![endif]-->
<noscript>
<img src="img/item-1 4.jpg" alt="" />
</noscript>
</div>
</div>
<div class="image">
<div data-picture>
<div data-src="img/item-3 4.jpg"></div>
<div data-src="img/item-3 4.jpg" data-media="(-webkit-min-device-pixel-ratio: 2),(min--moz-device-pixel-ratio: 2),(-o-min-device-pixel-ratio: 2/1),(min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx)"></div>
<!--[if (lt IE 9) & (!IEMobile)]>
<div data-src="img/item-3.jpg"></div>
<![endif]-->
<noscript>
<img src="img/item-3 4.jpg" alt="" />
</noscript>
</div>
</div>
</div>
</article>
<!--END .site-content-->
</section>
<nav role="navigation">
<ul class="cd-pagination animated-buttons custom-icons">
<li class="button-main"><a href="index.html"><i>Home</i></a></li>
</ul>
</nav> <!-- cd-pagination-wrapper -->
<footer class="site-footer cf">
<p class="footer-text">© Copyright 2020 </p>
<nav class="languages" role="navigation">
<ul>
<li class="active"><a href="#">JENN</a></li>
</ul>
</nav>
</footer>
<!--END .site-container-->
</div>
<script src="scripts/jquery-2.1.4.min.js"></script>
<script src="scripts/jquery.fitvids.js"></script>
<script src="scripts/jquery.imagesloaded.min.js"></script>
<script src="scripts/main.js"></script>
</body>
</html>