SlideShare a Scribd company logo
A Bootstrap Rails App
For everyday use
What this app does?



        A simple bootstrap app for Rails
 Common Functionality that I need
 A web app for testing new gems and ideas
 Ready configured as I pleased
    (with my tests, capistrano etc)




 2/15
It’s time for a demo!



3/15
Database schema




4/16
Gems I’ve used 1/4



 Authentication: Devise
 File upload: Paperclip   General Purpose
 Deploy: Capistrano




 5/16
Gems I’ve used 2/4



 SCSS
 SCSS-Bootstrap
                   CSS Sugar
 Bourbon
 Markitup Rails




 6/16
Gems I’ve used 3/4



 Bullet
 Mini Profiler
                                     Debugging
 Pry, Pry Debugger, Remote Pry         and
 Brakeman                        Code optimization

 Rails Best Practices




 7/16
Gems I’ve used 4/4


 Letter Opener
 Factory Girl
 Rspec and should Matchers
 Capybara                    Testing
 Guard
 Spork
 Simplecov



 8/16
Javascript and CSS Dependencies
     Modernizr - 2.6.2 Manual Update
     Datatables - 1.9.4 Manual Update
     Markitup - 1.1.13 Updates automatically from gem markitup-rails
     ValidationEngine - 2.6.1 Manual Update
     Jquery - Gem Update
     Jquery-UI - Gem Update (jquery-rails)
     Twitter Bootstrap - Gem Update
     jasny file upload for twitter bootstrap - 2.1.1
     Google Chrome Frame - 1.0.3 Manual Update
     Jquery-UI CSS Theme, Cupertino - Manual Update 1.9.1


More Info
https://github.com/johndel/Rails-Simple-CMS/wiki/Javascript-and-CSS-
dependencies


    9/16
How the code is organized


 Separation between three layouts: Backend
  (Admin), Sign-in and Frontend (Pages) - on
  assets, controllers, views, helpers
 The extra libraries for assets on lib/assets
 Config/application.yml for storing various APIs tokens
  and info




 10/16
Let’s see some code!

 Some examples for coding is page sorting




 11/16
Test for sorting




12/16
Feature Testing




13/16
Sites based on this app

 Asermis.gr
 Linguista.gr
 Kravmagakorydallos.gr
 Stolepto.com (under heavy construction!)
 Aftognosia.com
 Fyta.gr
 Tsirko.gr
 Others



 14/16
Future features and fixes

 Convert to coffeescript and optimize it
 Change users to admins (model, table etc.)
 Rails Best Practices gem suggestions
 100% test code coverage (currently at ~95%)




           Your suggestion!



 15/16
Thank you!

 Github Repository:
  https://github.com/johndel/Rails-Simple-CMS
 Twitter: @johndel
 Email: istoselidas@gmail.com




           Χρόνια Πολλά!!!
           Καλή Χρονιά!!!
          16/16

More Related Content

PDF
work-experience
PPTX
PDF
5 Ruby Tricks - Mikhailo Bortnyk
PPT
Laravel & Composer presentation - WebHostFace
PDF
Catching bugs with Opera Dragonfly / Özgür Web Teknolojileri Günleri / Istanb...
PDF
An introduction to Struts 2 and RESTful applications
PDF
Sails Framework Instroduction
PDF
161208
work-experience
5 Ruby Tricks - Mikhailo Bortnyk
Laravel & Composer presentation - WebHostFace
Catching bugs with Opera Dragonfly / Özgür Web Teknolojileri Günleri / Istanb...
An introduction to Struts 2 and RESTful applications
Sails Framework Instroduction
161208

What's hot (18)

KEY
つくることからはじめようRedmine
PDF
NodeWay in my project & sails.js
PPT
REST
PPTX
DEV208 - ASP.NET MVC 5 新功能探索
DOCX
Laravel
PPTX
RoR guide_p1
PDF
Backbone.js with React Views - Server Rendering, Virtual DOM, and More!
PDF
Backbone & React Together Forever
PDF
Sails.js Intro
PDF
Asynchronous Personalization at Groupon - JSConf 2011
PDF
Building Isomorphic Apps (JSConf.Asia 2014)
PDF
Merb Plugins 101
PDF
JSConf US 2014: Building Isomorphic Apps
ODP
Automated ui testing with selenium. drupal con london 2011
PDF
Discussion : File structure of Meteor Apps
PDF
"Backbone React Flux" Артем Тритяк
PDF
Microservices with Spring Boot
PDF
Javascript under the hood
つくることからはじめようRedmine
NodeWay in my project & sails.js
REST
DEV208 - ASP.NET MVC 5 新功能探索
Laravel
RoR guide_p1
Backbone.js with React Views - Server Rendering, Virtual DOM, and More!
Backbone & React Together Forever
Sails.js Intro
Asynchronous Personalization at Groupon - JSConf 2011
Building Isomorphic Apps (JSConf.Asia 2014)
Merb Plugins 101
JSConf US 2014: Building Isomorphic Apps
Automated ui testing with selenium. drupal con london 2011
Discussion : File structure of Meteor Apps
"Backbone React Flux" Артем Тритяк
Microservices with Spring Boot
Javascript under the hood
Ad

Similar to Bootstrap rails-app (20)

KEY
Rails 3.1
PDF
Agile Web Development With Rails Third Edition Third Ruby Sam
PDF
Rails入門與新人實戰經驗分享
KEY
Rapid Prototyping FTW!!!
PPT
Ruby On Rails Siddhesh
PDF
Riding on rails3 with full stack of gems
KEY
Supa fast Ruby + Rails
PPTX
Ruby on Rails + AngularJS + Twitter Bootstrap
PDF
Twitter bootstrap on rails
PPT
A Tour of Ruby On Rails
PDF
Ruby on Rails Kickstart 101 & 102
KEY
25 Real Life Tips In Ruby on Rails Development
PDF
Curso rails
PDF
Rails 3 : Cool New Things
PDF
Ruby on-rails-workshop
PPT
Ruby On Rails
PDF
Ruby On Rails Basics
PDF
Demystifying Ruby on Rails
PPT
Rails 3
PDF
Rails - getting started
Rails 3.1
Agile Web Development With Rails Third Edition Third Ruby Sam
Rails入門與新人實戰經驗分享
Rapid Prototyping FTW!!!
Ruby On Rails Siddhesh
Riding on rails3 with full stack of gems
Supa fast Ruby + Rails
Ruby on Rails + AngularJS + Twitter Bootstrap
Twitter bootstrap on rails
A Tour of Ruby On Rails
Ruby on Rails Kickstart 101 & 102
25 Real Life Tips In Ruby on Rails Development
Curso rails
Rails 3 : Cool New Things
Ruby on-rails-workshop
Ruby On Rails
Ruby On Rails Basics
Demystifying Ruby on Rails
Rails 3
Rails - getting started
Ad

Recently uploaded (20)

PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PPTX
PPH.pptx obstetrics and gynecology in nursing
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PDF
Insiders guide to clinical Medicine.pdf
PDF
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PPTX
master seminar digital applications in india
PDF
Classroom Observation Tools for Teachers
PPTX
Pharma ospi slides which help in ospi learning
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PDF
Computing-Curriculum for Schools in Ghana
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PPTX
Institutional Correction lecture only . . .
PDF
Complications of Minimal Access Surgery at WLH
PDF
RMMM.pdf make it easy to upload and study
Pharmacology of Heart Failure /Pharmacotherapy of CHF
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PPH.pptx obstetrics and gynecology in nursing
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
Insiders guide to clinical Medicine.pdf
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
master seminar digital applications in india
Classroom Observation Tools for Teachers
Pharma ospi slides which help in ospi learning
Renaissance Architecture: A Journey from Faith to Humanism
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
Computing-Curriculum for Schools in Ghana
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
O5-L3 Freight Transport Ops (International) V1.pdf
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
STATICS OF THE RIGID BODIES Hibbelers.pdf
Institutional Correction lecture only . . .
Complications of Minimal Access Surgery at WLH
RMMM.pdf make it easy to upload and study

Bootstrap rails-app

  • 1. A Bootstrap Rails App For everyday use
  • 2. What this app does? A simple bootstrap app for Rails  Common Functionality that I need  A web app for testing new gems and ideas  Ready configured as I pleased (with my tests, capistrano etc) 2/15
  • 3. It’s time for a demo! 3/15
  • 5. Gems I’ve used 1/4  Authentication: Devise  File upload: Paperclip General Purpose  Deploy: Capistrano 5/16
  • 6. Gems I’ve used 2/4  SCSS  SCSS-Bootstrap CSS Sugar  Bourbon  Markitup Rails 6/16
  • 7. Gems I’ve used 3/4  Bullet  Mini Profiler Debugging  Pry, Pry Debugger, Remote Pry and  Brakeman Code optimization  Rails Best Practices 7/16
  • 8. Gems I’ve used 4/4  Letter Opener  Factory Girl  Rspec and should Matchers  Capybara Testing  Guard  Spork  Simplecov 8/16
  • 9. Javascript and CSS Dependencies  Modernizr - 2.6.2 Manual Update  Datatables - 1.9.4 Manual Update  Markitup - 1.1.13 Updates automatically from gem markitup-rails  ValidationEngine - 2.6.1 Manual Update  Jquery - Gem Update  Jquery-UI - Gem Update (jquery-rails)  Twitter Bootstrap - Gem Update  jasny file upload for twitter bootstrap - 2.1.1  Google Chrome Frame - 1.0.3 Manual Update  Jquery-UI CSS Theme, Cupertino - Manual Update 1.9.1 More Info https://github.com/johndel/Rails-Simple-CMS/wiki/Javascript-and-CSS- dependencies 9/16
  • 10. How the code is organized  Separation between three layouts: Backend (Admin), Sign-in and Frontend (Pages) - on assets, controllers, views, helpers  The extra libraries for assets on lib/assets  Config/application.yml for storing various APIs tokens and info 10/16
  • 11. Let’s see some code!  Some examples for coding is page sorting 11/16
  • 14. Sites based on this app  Asermis.gr  Linguista.gr  Kravmagakorydallos.gr  Stolepto.com (under heavy construction!)  Aftognosia.com  Fyta.gr  Tsirko.gr  Others 14/16
  • 15. Future features and fixes  Convert to coffeescript and optimize it  Change users to admins (model, table etc.)  Rails Best Practices gem suggestions  100% test code coverage (currently at ~95%) Your suggestion! 15/16
  • 16. Thank you!  Github Repository: https://github.com/johndel/Rails-Simple-CMS  Twitter: @johndel  Email: istoselidas@gmail.com Χρόνια Πολλά!!! Καλή Χρονιά!!! 16/16