SlideShare a Scribd company logo
1 of 16
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

What's hot

NodeWay in my project & sails.js
NodeWay in my project & sails.jsNodeWay in my project & sails.js
NodeWay in my project & sails.js
Dmytro Ovcharenko
 

What's hot (19)

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

Similar to Bootstrap rails-app

Sergey Ilinsky Presentation Ample Sdk
Sergey Ilinsky Presentation Ample SdkSergey Ilinsky Presentation Ample Sdk
Sergey Ilinsky Presentation Ample Sdk
Ajax Experience 2009
 

Similar to Bootstrap rails-app (20)

Comparing Hot JavaScript Frameworks: AngularJS, Ember.js and React.js - Sprin...
Comparing Hot JavaScript Frameworks: AngularJS, Ember.js and React.js - Sprin...Comparing Hot JavaScript Frameworks: AngularJS, Ember.js and React.js - Sprin...
Comparing Hot JavaScript Frameworks: AngularJS, Ember.js and React.js - Sprin...
 
AppengineJS
AppengineJSAppengineJS
AppengineJS
 
ASP.NET Core
ASP.NET CoreASP.NET Core
ASP.NET Core
 
Consegi 2010 - Dicas de Desenvolvimento Web com Ruby
Consegi 2010 - Dicas de Desenvolvimento Web com RubyConsegi 2010 - Dicas de Desenvolvimento Web com Ruby
Consegi 2010 - Dicas de Desenvolvimento Web com Ruby
 
Reactive application using meteor
Reactive application using meteorReactive application using meteor
Reactive application using meteor
 
Frontend Monoliths: Run if you can!
Frontend Monoliths: Run if you can!Frontend Monoliths: Run if you can!
Frontend Monoliths: Run if you can!
 
ASP.NET Core Overview
ASP.NET Core OverviewASP.NET Core Overview
ASP.NET Core Overview
 
3 Web technologies benchmark - UPDATED
3 Web technologies benchmark - UPDATED3 Web technologies benchmark - UPDATED
3 Web technologies benchmark - UPDATED
 
Front End Development for Back End Developers - UberConf 2017
Front End Development for Back End Developers - UberConf 2017Front End Development for Back End Developers - UberConf 2017
Front End Development for Back End Developers - UberConf 2017
 
Front End Development for Back End Java Developers - Jfokus 2020
Front End Development for Back End Java Developers - Jfokus 2020Front End Development for Back End Java Developers - Jfokus 2020
Front End Development for Back End Java Developers - Jfokus 2020
 
Sherlock Homepage (Maarten Balliauw)
Sherlock Homepage (Maarten Balliauw)Sherlock Homepage (Maarten Balliauw)
Sherlock Homepage (Maarten Balliauw)
 
Sherlock Homepage - A detective story about running large web services (VISUG...
Sherlock Homepage - A detective story about running large web services (VISUG...Sherlock Homepage - A detective story about running large web services (VISUG...
Sherlock Homepage - A detective story about running large web services (VISUG...
 
Front End Development for Back End Developers - vJUG24 2017
Front End Development for Back End Developers - vJUG24 2017Front End Development for Back End Developers - vJUG24 2017
Front End Development for Back End Developers - vJUG24 2017
 
Introduction to node js - From "hello world" to deploying on azure
Introduction to node js - From "hello world" to deploying on azureIntroduction to node js - From "hello world" to deploying on azure
Introduction to node js - From "hello world" to deploying on azure
 
Sherlock Homepage - A detective story about running large web services - WebN...
Sherlock Homepage - A detective story about running large web services - WebN...Sherlock Homepage - A detective story about running large web services - WebN...
Sherlock Homepage - A detective story about running large web services - WebN...
 
Meetup 2022 - APIs with Quarkus.pdf
Meetup 2022 - APIs with Quarkus.pdfMeetup 2022 - APIs with Quarkus.pdf
Meetup 2022 - APIs with Quarkus.pdf
 
Sherlock Homepage - A detective story about running large web services - NDC ...
Sherlock Homepage - A detective story about running large web services - NDC ...Sherlock Homepage - A detective story about running large web services - NDC ...
Sherlock Homepage - A detective story about running large web services - NDC ...
 
Sergey Ilinsky Presentation Ample Sdk
Sergey Ilinsky Presentation Ample SdkSergey Ilinsky Presentation Ample Sdk
Sergey Ilinsky Presentation Ample Sdk
 
Introduction to ASP.NET
Introduction to ASP.NETIntroduction to ASP.NET
Introduction to ASP.NET
 
Google I/O 2012 - Protecting your user experience while integrating 3rd party...
Google I/O 2012 - Protecting your user experience while integrating 3rd party...Google I/O 2012 - Protecting your user experience while integrating 3rd party...
Google I/O 2012 - Protecting your user experience while integrating 3rd party...
 

Recently uploaded

Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
ssuserdda66b
 

Recently uploaded (20)

Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
 

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