Hi, My name is Andy Leverenz and I work as a Product Designer at Dribbble. For fun I design, code, and write. Check out my blog called Web-Crunch https://web-crunch.com where I publish design and development tutorials with the occasional vlog. ======================== ▶️ You are watching: PART 2 of 6 Download the source code: ⚙️ https://github.com/justalever/book_library ======================== Welcome to my eleventh Let's Build series featuring Ruby on Rails. This installment, once again, focuses on accepting payments using Ruby on Rails as a web application framework. We partner Ruby on Rails with Stripe to create a subscription based SaaS model for a book library application. What's new in this build? ======================== * Rails 5.2 makes an appearance * We use ActiveStorage which comes new with Rails 5.2. No longer do we require third-party gems like PaperClip or Carrierwave. * New encrypted secrets which make managing any environment variables or keys way easier. You can commit these to version control without fear thanks to the encrypted quality * Stripe Billing - Stripe recently released a new model around their subscription products. Within Stripe Billing you can define overlying products which have associated plans. It's a nicer way to bundle whatever it is you sell but still be able to sell things in different manners i.e. Flat rates, Multiple Plans, Per seat, Usage-based, and Flat rate + overage. The Book Library application ========================= The application is a simple book application that allows a user to add and remove books from their library. These books can be downloaded for reading once a user is subscribed. Accessing a library is only possible if a user is subscribed. This app differs than previous apps where a user must pay before making an account. A user is presented with buttons for adding a book to their library. As you can guess, to do this action a user first needs an account. Upon clicking the "add to library" button a public facing user (someone with no account) is redirected to a signup page of which we implement using the Devise gem. A nice callback function from Devise allows us to redirect a user upon successfully signing up. In this case, we redirect a user to a pricing page which features three plans to choose from. Each plan has its own parameters associated with it. Upon clicking the "subscribe" button on any of the tiers, the user is redirected to a payment page carrying over the necessary parameters to hook into Stripe with. What seems like a simple app carries some logic and weight to cover all our tracks. The application is far from complete but you can, however, extend this to be much more however you like. I ran out of time but one obvious area to extend this app is to save what plan a user has subscribed to. This can be done at the time they create a subscription. From there you can query different places in your app to show and hide specific features based on their plan type. ======================== ??Help me keep going. Become a patreon or buy me a coffee: https://www.patreon.com/webcrunch ☕️ https://www.buymeacoffee.com/webcrunch ? Previously published at: https://web-crunch.com/lets-build-ruby-on-rails-book-library-stripe-subscription-payments ? Check out the blog: https://web-crunch.com ? ? Check out my agency: https://coupleofcreatives.com ? Check out my personal site: https://justalever.com ? Links: Weekly Newsletter: https://web-crunch.com/subscribe Twitter: https://twitter.com/webcrunchblog Twitter(Personal Account): https://twitter.com/justalever Facebook: https://facebook.com/webcrunchblog Dribbble: https://dribbble.com/justalever Github: https://github.com/justalever Medium: https://medium.com/the-web-crunch-publication ?Check out my book on UX Design: "LUXD: Learn User Experience Design" https://web-crunch.com/books/luxd ? Check out my FREE book on Tumblr Theming: "Pro Tumblr Theming" https://web-crunch.com/books/ptt ? Need awesome web hosting? Check out cloudways. They allow me to use a variety of hosting providers and build apps with ease: http://bit.ly/webcrunchhosting ? Need more advanced hosting for Rails, PHP, Node, or other projects? Digital Ocean has you covered. https://m.do.co/c/ee243ee15648 ... https://www.youtube.com/watch?v=JG1whaC_8i8

In Ruby on Rails, naming models is more than just a convention. It's about clarity, efficiency, and ensuring your app is easy to manage. Here's a guide to help you name your models like the pros. P.S. I created a handy guide at https://web-crunch.com/naming-models. Bookmark it if you need a refresher every once in a while! Timestamps: 00:00 - Intro and find the new guide 01:42 - Singular and Capitalized 02:53 - Keep it descriptive and clear 03:28 - Organize with namespaces 03:59 - Intuitive Associations 04:22 - Acronyms and Initialisms 04:48 - Avoid Reserved Words 05:02 - Context-Specific Naming 05:22 - Avoid Ambiguity 06:11 - Composite Names 06:47 - Polymorphic versatility 07:43 - Single Table Inheritance 08:45 - Wrapping up View the guide here: https://web-crunch.com/naming-models Read the blog post here: https://web-crunch.com/posts/best-practices-for-naming-models-in-ruby-on-rails ====== ? I'm Andy Leverenz, a passionate product designer and developer. I love creating and sharing my knowledge through design, coding, and writing. Join me on my journey by checking out my blog, Web-Crunch (https://web-crunch.com), where I publish tutorials, articles, and the occasional vlog about design and development. ? Never miss an update! Click here to subscribe: https://www.youtube.com/user/webcrunch?sub_confirmation=1 ? Read the written version: https://web-crunch.com/posts/best-practices-for-naming-models-in-ruby-on-rails ? New to Ruby on Rails? Enroll in my course HELLO RAILS: https://hellorails.io ? The Blog (my source of truth): https://web-crunch.com Additional Links: ? Bring life to Rails projects with Rails UI: https://railsui.com. ?‍? Hire me: Visit: https://railsui.com/custom ? https://twitter.com/webcrunchblog. ⚙️ https://github.com/justalever. P.S. This stuff takes a long time to make but I love to do it. To help me keep at it consider supporting me. If not monetarily, then subscribe to the channel or share it with someone! ✨ https://github.com/sponsors/justalever ☕️ https://www.buymeacoffee.com/webcrunch ... https://www.youtube.com/watch?v=I3qyHJUNLn8

Hi, My name is Andy Leverenz. I design, code, and am an author of things. Check out my agency called Couple of Creatives https://coupleofcreatives.com and my blog Web-Crunch https://web-crunch.com?? ====== In part 24 of my Let's Build series I walk you through the initial phases of coding the About page design. We leave the home page for now but will revisit again when it comes time to make the design more responsive. ### The About Page Design The designs you see in this series started from a style tile. The final style tile actually did not match the design but it did allow me to process the direction I wanted to head. In our own specific case, I am playing both the designer and developer role. If I were to hand off this design to a developer or team of developers I would be sure to revisit my style tile and update the designs and it to reflect. This, in the end, keeps both the code and the design consistent thus producing a richer experience throughout. This is especially true for both the performance side and the user experience side. ### Style Tiles / Atomic Design I firmly believe modern designers should be versed in how websites are built from the ground up. You don't have to know how to code per say but you do need to understand the benefits of writing DRY code that is both semantic and efficient in terms of performance. An example here would be to give elements certain namespaces to avoid conflicts as websites and applications scale over time. Enter atomic design and you are already setting yourself up for better success. Even before designing higher fidelity concepts you should start by creating smaller components or modules. This helps capture the look and feel of the website/app as well as define elements developers can begin working from at scale. Once you have a solid atomic approach will you be able to start piece those components into higher fidelity designs. ? Previously published at: https://web-crunch.com/lets-build-consultancy-website-part-24/ ? Check out the blog: https://web-crunch.com ? ? Check out my agency: https://coupleofcreatives.com ? Links: Weekly Newsletter: https://web-crunch.com/subscribe Twitter: https://twitter.com/webcrunchblog Twitter(Personal Account): https://twitter.com/justalever Facebook: https://facebook.com/webcrunchblog Dribbble: https://dribbble.com/justalever Github: https://github.com/justalever Medium: https://medium.com/the-web-crunch-publication ?Check out my book on UX Design: "LUXD: Learn User Experience Design" https://web-crunch.com/books/luxd ? Check out my FREE book on Tumblr Theming: "Pro Tumblr Theming" https://web-crunch.com/books/ptt ?Recommended Stuff I Use to Shoot Video: Canon EOS Rebel SL1 - http://amzn.to/2m3EZDH Linco Lighting Set - http://amzn.to/2mF8Shs Logitech HD Pro Webcam C920 - http://amzn.to/2mpqzBk Rode NT-USB Condenser Microphone - http://amzn.to/2mFhaG9 ? Need awesome web hosting? Check out cloudways. They allow me to use a variety of hosting providers and build apps with ease: http://bit.ly/webcrunchhosting ... https://www.youtube.com/watch?v=iyW03LymzEk

Hi, My name is Andy Leverenz and I work as a product designer and developer. For fun, I design, code, and write. Check out my blog called Web-Crunch https://web-crunch.com where I publish design and development tutorials with the occasional vlog. ==================== In part 10 of my Let's build for Ruby and Rails developers series I begin adding new job details fields on our new job form. Much of the work in this part is foundational to get the necessary data from a given employer to the app itself. We'll add fields related to the job in this part and continue adding more fields related to the company in part 11. This entire form is built with Vue.js which I'll use AJAX to push new data to the Ruby on Rails app behind the scenes. View the full series: https://web-crunch.com/collections/lets-build-for-ruby-and-rails-developers ==================== ☕️ Keep me awake. Buy me a coffee https://www.buymeacoffee.com/webcrunch ? One-Click Subscribe: https://www.youtube.com/user/webcrunchblog?sub_confirmation=1 ? Previously published at: https://web-crunch.com/lets-build-for-ruby-and-rails-developers-part-10 ? Latest course: HELLO RAILS https://hellorails.io ? Check out the blog: https://web-crunch.com ? Check out my personal site: https://justalever.com ? Links: Weekly Newsletter: https://digest.web-crunch.com/ Twitter: https://twitter.com/webcrunchblog Github: https://github.com/justalever ?Check out my book on UX Design: "LUXD: Learn User Experience Design" https://web-crunch.com/products/luxd ? Check out my FREE book on Tumblr Theming: "Pro Tumblr Theming" https://web-crunch.com/proucts/ptt ? Ruby on Rails devs, Try HatchBox.io. You'll save upwards of 50% compared to Heroku. I use it and love it! https://hatchbox.io/?via=andy ? Need awesome web hosting? Check out cloudways. They allow me to use a variety of hosting providers and build apps with ease: http://bit.ly/webcrunchhosting ? Need more advanced hosting for Rails, PHP, Node, or other projects? Digital Ocean has you covered. https://m.do.co/c/ee243ee15648 ... https://www.youtube.com/watch?v=tPx9XDExDV4