-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsinatra_assessment.html
126 lines (118 loc) · 7.56 KB
/
sinatra_assessment.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Make Anything | Will Lynch - Projects</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="background">
<div class="row">
<div class="col-sm-12">
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Make Anything</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
<li class="active"><a href="blog_feed.html">Blog</a></li>
</ul>
<!--social nav links -->
<ul class="nav navbar-nav navbar-right" id="social">
<li><a href="http://twitter.com/wlynch16" class="twit">Twitter</a></li>
<li><a href="http://facebook.com/wlynch91" class="fbook">Facebook</a></li>
<li><a href="http://github.com/lynch16" class="ghub">Github</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</div>
</div> <!--navbar row-->
<div class="container">
<div class="row shadow" id="blog">
<div class="col-sm-9">
<h3>Sinatra Web App</h3>
<p>As part of my second assessment with Learn.co, I was tasked with creating a simple web app using Sinatra and ActiveRecord. I wanted to make something usable in my day to day job, so I decided to create a loan management system to help track the different aspects of an SBA 504 loan.</p>
<p>One of the requirements was that users can only modify the content that they create. This doesn't really match the way that LMS systems work at my type of business, but I included it to pass the assessment. When I revise this project to put it into use, I will most likely replace this feature with one that simply updates a "last user" variable.</p>
<p>Putting the app together was quite straightforward since I had made several other Sinatra apps during the course of the program. The biggest issue I had was actually setting the initial program to run with the correct dependencies. I realzied that simply deleting the Gemfile.lock and created databases was the easiest approach to configuration. I am also a little unsure of where to insert Rack::Flash as it doesn't seem to work when I put it in config.ru. I put it in the ApplicationController class, which seems to work fine, but I'm not sure if this is convential.</p>
<p>I felt comfortable enough after creating the app to create a layout.erb with css styling. Adding the css styling was very difficult because I couldn't figure out how the app would read the css files. I did a bunch of research but most of it was very contradicting and didn't work for my application. Eventually, I got it working by putting the css files in a subfolder of public called styles. While this worked, I would have thought that putting it in a subfolder called css would work too, but it didnt.</p>
<p>I'm pretty happy with how the app came out, but I would like to add more features once I learn Javascript, such as being able to sort the lists of entities and loans. </p>
</div>
<div class="col-sm-3">
<h4>Archives</h4>
<ul>
<li><a href="why_code.html">Why I'm learning to code</a></li>
<li><a href="climate_api_blog.html">Building my first ruby gem</a></li>
<li><a href="sinatra_assessment.html">Building a web app through Sinatra</a></li>
<li><a href="rails_assessment.html">Rails Assessment App</a></li>
</ul>
</div>
</div> <!--main blog content row-->
</div> <!--master container-->
</div><!--background-->
<div class="light-grey">
<div class="container">
<div class="row" id="details">
<div class="col-sm-4 border">
<h3>Contact</h3>
<p>
email: <a href="mailto:will.lynch91@gmail.com">will.lynch91@gmail.com</a>
</p>
</div>
<div class="col-sm-4 block_links border">
<h3>Links</h3>
<p>
<a href="contact.html">Contact</a>
<a href="projects.html">Projects</a>
</p>
</div>
<div class="col-sm-4 block_links">
<h3>Follow</h3>
<p>
<div id="hide">
<a href="http://twitter.com/wlynch16">Twitter</a>
<a href="http://facebook.com/wlynch91">Facebook</a>
<a href="http://github.com/lynch16">Github</a>
</div>
<div id="social">
<a href="http://twitter.com/wlynch16" class="twit">Twitter</a>
<a href="http://facebook.com/wlynch91" class="fbook">Facebook</a>
<a href="http://github.com/lynch16" class="ghub">Github</a>
</div>
</p>
</div>
</div><!--details row-->
</div> <!--container-->
</div> <!--light-grey-->
<footer>
© 2016 William Lynch
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>