Added Stripe gem to Rails app

Part VII of Codermanual is broken into three different sections. I’ve just completed the first two and am extremely excited about how my Rails app is coming along! We integrated Stripe, Devise, and Figaro gems into our app to add secure, authentic credit card payment to our membership site.

  • To use Stripe, you will need to sign up for a free account on their website: https://stripe.com/ 
  • Devise is an authentication gem. Read more about how to integrate it into your Rails app here.
  • Figaro helps you securely configure your Rails application.

Web application views

The home page:
heroku codermanual app

Alert for user sign-out:
Unnamed QQ Screenshot20150819055708

The sign-up screen for the Pro account:
pro account rails application

The sign-up screen for the Basic account:
basic account rails app

Advertisements

Icons | Gradients | Asset Pipeline

I’ve just completed the first part of Part VII of Rob Dey’s Codermanual course! He recommended some great resources for styling your website and improving site loading speed.

This is what my Rails app looks like so far, after completing the first part of Part VII:
codermanual saas


Font Awesome

If you want to add icons to your website, you can go to Font Awesome where there are tons of free pre-made icons. You can resize the icons, add them to a drop-down menu, and also add animations to the icons.

You can read their Getting Started page here to learn how to integrate it into your Rails app.


UIGradients

UI Gradients Color Design
A great website for getting CSS codes for pre-made color gradients. The website has a beautiful layout, with easy navigation. Click on the gradient you fancy and check out the CSS code. Simply copy and paste into your project!


Asset Pipeline

The asset pipeline in Ruby on Rails combines all your CSS files into one file, and all your JavaScript files into one file. Compressing them for faster loading speeds. In Rails 4, the asset pipeline is automatically added in your Gemfile under:

gem 'sass-rails'
gem 'uglifier'
gem 'coffee-rails'

If you don’t want your Rails application to automatically load the asset pipeline feature, you can just type this when creating a new Rails app:

$ rails new appname --skip-sprockets

Read more here: http://guides.rubyonrails.org/asset_pipeline.html


PageSpeed Insights

Enter your website URL here to check how fast your site loads on both mobile and desktop. Google will recommend what improvements you should make as well as let you know what you are doing right.
pageinsights google

Codermanual – Part V finished

I’ve just finished Part V of Codermanual, the JavaScript & jQuery section. It was an oversimplification of the language, I feel, but the way it was explained, really helped me wrap my head around how programming languages work. The amount of information in this part was overwhelming, but I feel confident now that I can handle JavaScript.

I had tried to learn JavaScript on my own back in April but I was using Codecademy at that time and I think their JavaScript tutorial was way too advanced. Everything went over my head. It was my first time learning an object-oriented programming language. Around the same time, I kept hearing a lot about Ruby and Ruby on Rails so I tried Codecademy’s Ruby course instead and found it much easier to grasp so I stuck with it and am now working on Michael Hartl’s Ruby on Rails tutorial.

I’m halfway through and realizing that there are still many things about Ruby that I have questions about, so I’m going to pause Hartl’s tutorial as well as Codermanual and do The Odin Project’s Ruby Programming course (which is also free!).

The more I learn, the more I realize how little I know.

Coder Manual

Today is day 2 of the Coder Manual lessons. I ended up paying the $39 price from Stacksocial for the online CoderManual course by Rob Dey, which was originally $399. At $39 and with lifetime access to the material, I didn’t think it was a bad investment.

I completed Phase 1 and Part 1 yesterday. Today I will be doing the Part 2 videos. So far the videos are pretty easy to follow and not too long so as to lose focus. Rob explains things in an easy to understand manner and it’s been great following along. As great as that sounds, Phase 1 was just an intro to computers and the internet, and Part 1 was just making sure you had the necessary software installed, so it wasn’t much in-depth coding. We’ll see how Part 2 is today.

Will keep you posted!