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

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
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Recently uploaded (20)

NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
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...
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
Plant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxPlant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptx
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
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
 
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...
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 

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