/
index.html
94 lines (84 loc) · 4.49 KB
/
index.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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>Ricky Rizal Zein by rrzein</title>
<link rel="stylesheet" href="stylesheets/styles.css">
<link rel="stylesheet" href="stylesheets/pygment_trac.css">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="wrapper">
<header>
<h1>Ricky Rizal Zein</h1>
<p>Full-Stack Web Developer</p>
<p>San Francisco, CA</p>
<p>
<strong>Available for hire!</strong>
<a href="https://github.com/rrzein/rrzein.github.io/raw/master/Ricky%20Zein%20Dev%20Resume.pdf">Peep the resume.</a>
</p>
<p>
<strong>GitHub: </strong>
<a href="https://github.com/rrzein">rrzein</a>
</p>
<strong>LinkedIn: </strong>
<a href="http://www.linkedin.com/in/rzein">rzein</a>
</p>
<strong>Tumblr: </strong>
<a href="http://onlayaway.tumblr.com">layaway</a>
</p>
<p>
<strong>Twitter: </strong>
<a href="http://www.twitter.com/rickyzein">rickyzein</a>
</p>
<p>
I'm also a graduate of <br><strong>App Academy</strong> in San Francisco.
<br>
<a href="http://github.com/rrzein/appacademy">Check out some of my student projects.</a>
</p>
</header>
<section>
<h2>I build web apps.
</h2>
<p>I'm a software engineer based in San Francisco, CA. <br>I'm proficient in developing applications in Ruby on Rails and have a soft spot for Backbone.js and single-page apps. <br>I love creative technology and enjoy building things that delight.</p>
<h3>Recent Projects
</h3>
<strong>inlike</strong>
<p>(<a href="http://inlike.herokuapp.com">Live</a> /
<a href="http://www.github.com/rrzein/inlike">Repo</strong></a>)</p>
<p>inlike is a lightning-dating web app inspired by <a href="http://www.gotinder.com">Tinder</a> that allows users rapidly "like" other users and communicate with users that "like" them back. inlike's features include:</p>
<ul class="project">
<li>Single-page app utilizing client-side Backbone.js and Ruby on Rails backend.</li>
<li>OmniAuth Facebook login and user photo upload with Facebook Graph API.</li>
<li>File upload with Amazon Web Services (AWS) and Ink File Picker.</li>
<li>Backbone Relational, including many-to-many relationships.</li>
<li>Utilizes a bin-sorting algorithm with Packery.js, maximizing the number of profile pages that can fit onto the user's screen.</li>
</ul>
<strong>Versa</strong>
<p>(<a href="http://versa.herokuapp.com">Live</a> /
<a href="http://www.github.com/rrzein/versa">Repo</a>)</p>
<p>Versa allows users to dynamically annotate and view annotations for song lyrics and is inspired by <a href="http://www.rapgenius.com">RapGenius</a>. Users highlight text to attach annotations. Users can also upload songs, view others' annotations, and follow other users. Versa's features include:</p>
<ul class="project">
<li>Single-page app utilizing Backbone.js on the frontend and Ruby on Rails backend.</li>
<li>Custom-built jQuery dynamic text annotation.</li>
<li>Backbone Relational, including many-to-many relationships.</li>
<li>Dynamic search with Solr (server-side) and Select2 (client-side).</li>
</ul>
<strong>Active Record "Lite"</strong>
<p>(<a href="https://github.com/rrzein/ActiveRecordLite">Repo</a>)</p>
<p>To better understand the "magic" that is Rails' Active Record, I built my own "lite" version of it from scratch. This repo shows how I reconstructed some of Active Record's notable features, including model object creation, associations, and SQL querying. </p>
<strong>Rails "Lite"</strong>
<p>(<a href="https://github.com/rrzein/RailsLite">Repo</a>)</p>
<p>Building on my Active Record "Lite" project, I built a "lite" version of Rails to for a more in-depth understanding of Rails' MVC architecture. In the repo I reconstruct Rails controllers, sessions, param parsing, and routing.</p>
</section>
<footer>
Contact me at <a href="mailto:ricky@riz.al">ricky@riz.al</a>
</footer>
</div>
<script src="javascripts/scale.fix.js"></script>
</body>
</html>