Monday, January 25, 2016

Week 3 - Recipe App - Haml, carrierwave, cocoon, fog

Click here to open in a new window
My name is Joshua a.k.a. kenyacode and I have been doing Mackenzie Childs 12 apps in 12 weeks challenge in an attempt to teach myself Ruby On Rails.

Well I'm on my third app and I haven't finished two weeks yet.  I made the first app on the 14th and the second app on the 22nd.  So today is the 25 and I thought I was going to knock this out in one day... eh NO!

I got through most of this app and started having problems with the paperclip gem.  It worked ok locally but connecting it to Amazon S3 to host the pictures was seeming to be impossible.

I also had some css issues that Mackenzie couldn't explain in his tutorial.

Ok, back to work.

Features I would like to add:
1. Make better use of the Name card in show view
2. Ability to multiply the recipes
3. Posting pictures & videos.
4. Multiple picture upload.
5. Search function
6. Social media shareability
7. carousel on show view
8. A pic per recipe step.
9. Add a splash page.


Update:

So the problems I was having were due to the fog gem ENV variables that needed to be set on my local dev environment and on heroku.  Thanks to my developer friends, it only took about 1/2 an hour and I was uploading pics through my app to amazon aws.

Kenyacode

Tuesday, January 19, 2016

Week 2 - Reddit Clone - Bootstrap Sass, Acts as votable, Simple form

Click here to open in a new window
Today I finished Mackenzie Childs Reddit Clone app from his 12 in 12 challenge.  That's build 12 apps in 12 weeks to teach yourself Ruby On Rails.

After the blog app I finished yesterday, this app didn't seem that different.  This is a Reddit type app that looks a lot like a blog but users add web links with a title.  The site also has the ability to vote on each link.  The highest rated link is shown first in the index.

This is due to the acts as votable gem.

<% @links.order(cached_votes_up: :desc).each do |link| %>
  <div class="link row clearfix">
    <h2>
      <%= link_to link.title, link %>
      <small class="author">Submitted <%= time_ago_in_words(link.created_at) %> by <%= link.user.name %></small>
   

    <div class="btn-group">
      <a class="btn btn-default btn-sm" href="<%= link.url %>">Visit Link</a>
      <%= link_to like_link_path(link), method: :put, class: "btn btn-default btn-sm" do %>
        <span class="glyphicon glyphicon-chevron-up"></span>Upvote<%= link.get_upvotes.size %>
      <% end %>
      <%= link_to dislike_link_path(link), method: :put, class: "btn btn-default btn-sm" do %>
        <span class="glyphicon glyphicon-chevron-down"></span>Downvote<%= link.get_downvotes.size %>
      <% end %>
    </div>
  </div>
<% end %>

One thing I have had a hard time with is css.  While doing this app and the blog app, I have learned so much more about css and sass.  Bootstrap-sass is a gem I use and its great for organizing the rules. It helps me to see how the rules are applied.

I was able to load this app with a seed file as well which makes the app look great right out the box. Visit here

Well its week one and I have already finished two apps and I have published them on Heroku.  Take a look, leave a comment below and check out my github page for more apps.  Follow this blog as I take the journey from novice to working web developer.  Lets see if I can finish these 12 apps in 6 weeks.

Features I would like to add:
1. Social media shareability
2. Display who submitted the comment
3. Posting pictures & gifs, videos.
4. Rich text formating
5. Search function
6. Social media shareability

Kenyacode

Thursday, January 14, 2016

Week 1 - Blog - Devise protected attributes

Click here to go the blog
I have been doing Mackenzie Childs Youtube challenge 12 apps in 12 weeks.
Ok back up here, I went to a code bootcamp for 3 months.  I found Mackenzie's channel and decided that it is the best way for me to really familiarize myself with Ruby on Rails.

My first app, the blog, I was able to finish in about 6 hours.  But that is just locally.  I was pretty tired after 6 hours and I only spent about an hour trying Heroku.  I did manage it the very next day.
Pushing up to Heroku added a second day.  I mostly stuck to Mackenzie's app but added/changed some styling to make it more unique.  I really like the way it turned out.

The show view with comments.  I also used a drop down menu here and my own styling.

Click here to go to page
Features I would like to add:
1. Edit comments
2. Add categories
3. Posting pictures & gifs, videos.
4. Rich text formating
5. Search function
6. Social media shareability


Here is the blog I made.  Let me know what you think in the comments below!

Kenyacode