Conner Jensen
Conner Jensen
  • 11
  • 104 244
Fullstack LMS: Ruby on Rails 7, Hotwire, Tailwind, Stripe, PostgreSQL
In this video we build a full-stack learning management system. The main features include:
📹 Video Uploads
🖼️ Image Uploads
💰 User Payments with Stripe
🔒 User Authentication/Authorization
👨‍💼 Admin Dashboard with Chart.js
📐 Drag n Drop Interface
🔁 User progress tracking
📝 WYSIWYG Rich Text Inputs
🔐 Premium Gated Content
✉️ Email Notifications
🚢 Fully Deployed Production Ready Build
Please feel free to reach out to me with any questions or comments :)
Live Site: railsrealm.com/
Github: github.com/connerj70/learning_management
Tailwind Styles: github.com/connerj70/learning_management/blob/ac4ea2f44b3fb327f9b275f711cbdd2250b20715/config/tailwind.config.js#L16
Chart Configs: github.com/connerj70/learning_management/blob/ac4ea2f44b3fb327f9b275f711cbdd2250b20715/app/javascript/controllers/dashboard_controller.js#l144
For more educational content check out CodeCrafters: app.codecrafters.io/join?via=conner
มุมมอง: 15 043

วีดีโอ

Fullstack E-Commerce: Ruby on Rails 7, Hotwire, Tailwind, Stripe, PostgreSQL
มุมมอง 39K11 หลายเดือนก่อน
Hey everyone, in this 5 hour tutorial you will learn how to build a full stack e-commerce app using Rails 7, hotwire, tailwind CSS, stripe and postgresql. Check out my other courses: railsrealm.com Github: github.com/connerj70/ecomm Feel free to reach out to me with any questions or if you get stuck. Main Features: - Auth - Admin Product Management System - Admin dashboard w/Chart.js graph - Us...
Data Structures and Algorithms in Ruby: Binary Trees
มุมมอง 3.3K3 ปีที่แล้ว
In this video I walk you through how to code up a binary search tree in ruby. We start by creating the BinaryTree and Node classes and then add a find algorithm that allows us to search our binary trees to see if they contain a value. Thanks for watching let me know if you have any question in the comment section below.
Data Structures and Algorithms in Ruby: Linked Lists #2
มุมมอง 2.2K3 ปีที่แล้ว
In this linked list video we implement the prepend and remove methods which allow us to add a node to the beginning of our linked list and remove a node from our linked list. If you haven't watched it yet here is a link to part 1 of this video series: th-cam.com/video/uwFhvQdd_yM/w-d-xo.html
Data Structures and Algorithms in Ruby: Linked Lists
มุมมอง 7K3 ปีที่แล้ว
In this video we walk through a basic implementation of a linked list in ruby. We learn some computer science terminology and why linked lists are a valuable data structure to learn.
RSpec Tutorial #4: Using let and before hooks
มุมมอง 4.9K3 ปีที่แล้ว
In this video you will learn how to use let and before hooks in your rspec tests, in order to clean up your specs and remove duplication.
RSpec Tutorial #2: Using RSpec Matchers
มุมมอง 10K4 ปีที่แล้ว
In this tutorial video, we go over some of the most commonly used RSpec matchers. It's important to understand the various RSpec matchers so you can choose the one that makes sense for your spec. Choosing an appropriate matcher is important in making your specs readable and easy to comprehend.
RSpec Tutorial #1: Getting Started With RSpec
มุมมอง 22K4 ปีที่แล้ว
In this video we go through the basics of RSpec, why you would want to learn it, how you can install it, and how to write your first spec in Rspec. I hope you enjoy this video and if you have any questions or comments make sure to leave them below. Thanks for watching! If you're interested in more tutorials please check out CodeCrafters: app.codecrafters.io/join?via=conner

ความคิดเห็น

  • @taunado
    @taunado 29 วันที่ผ่านมา

    Can you filter by other variables in Hotwire, such as color, size, price? Or is that level of state management too complex for Hotwire? Hotwire has limitations with interactivitycompared to React/Vue?

  • @eever6545
    @eever6545 หลายเดือนก่อน

    My page redirect is only going to my homepage and not the other webpages redirect

  • @NamPham-rh1yi
    @NamPham-rh1yi 2 หลายเดือนก่อน

    i got ActiveStorage::UnpreviewableError, how can i fix this, sir?

  • @Slyndc
    @Slyndc 2 หลายเดือนก่อน

    Vscode will be easier to follow

  • @eltonsantosoficial
    @eltonsantosoficial 3 หลายเดือนก่อน

    It's so strange... I did equal, but doesnt work here. When bought a product, the data on strip iits ok, but doesnt appear in order.

  • @xCloverGreenx
    @xCloverGreenx 3 หลายเดือนก่อน

    dude thank you so much, I've used this video as a base to develop my own rails + react project for my resume to start appling to web dev jobs <3

  • @cool...............
    @cool............... 3 หลายเดือนก่อน

    great job, bud

  • @assassingamning763
    @assassingamning763 3 หลายเดือนก่อน

    But when did you even create a stock scaffold u directly jumped from products to stock which was for u already there form nowhere??

  • @Dostendite
    @Dostendite 4 หลายเดือนก่อน

    Very useful! Thanks!

  • @Dostendite
    @Dostendite 4 หลายเดือนก่อน

    Any Odinites?

  • @Headcase.Murdock
    @Headcase.Murdock 4 หลายเดือนก่อน

    Great tutorial Conner. I just deployed a successful instance of this application on Render, Yay! I love how Render automatically redeploys changes pushed to Github, how cool! And we have rails credentials now! Wow rails has really come leaps and bounds since its beginnings all those years ago... Now for the newbies, a tip in deployment for y'all is: make sure you correctly format order of secret keys and indentation of rails credentials file - begin key nesting on column 2 row 2 and be sure to pop 'stripe nest' first in list of keys. Put AWS S3 keys nest below Stripe just to clarify 🤓. Otherwise you may get errors like ( SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data, InvalidAuthenticityToken ) In development I had an errors stating something like 'Stripe api_key was not a string' or 'api_key was not provided' so I figured there was an issue in my rails credentials file.. As soon as I reformatted it saved my changes to git and we were go to go live at Render. Thanks very much for this tut Conner.

  • @czepesch
    @czepesch 4 หลายเดือนก่อน

    why create admin::category and modify bunch of files after that, isn't it simpler to add resource under admin namespace if this is the goal? thanks

  • @sheko4515
    @sheko4515 4 หลายเดือนก่อน

    Where is part 3?

    • @Dostendite
      @Dostendite 4 หลายเดือนก่อน

      that's what I was wondering

  • @RapLyricalVideos
    @RapLyricalVideos 5 หลายเดือนก่อน

    Thank you sir ❤

  • @expresstutorial3255
    @expresstutorial3255 5 หลายเดือนก่อน

    Why every new model created in the console there is a conflict??

  • @fatumahussein7573
    @fatumahussein7573 5 หลายเดือนก่อน

    Thank you Conner. You are a blessing.

  • @msalehbutt-313
    @msalehbutt-313 5 หลายเดือนก่อน

    At 1:54:00 , one issue is discussed that the @revenue_by day will not give proper result if we didnt have an order in one day . And then the complex logic code is written under if statement. can we write this logic instead of that ..? @revenue_by_day = {} # Calculate revenue for each day @orders_by_day.each do |order| order_date = order.created_at.to_date @revenue_by_day[order_date] ||= 0 @revenue_by_day[order_date] += order.total end If no orders were placed on a specific day, @revenue_by_day for that day will default to 0 and due to this every day within the last seven days will have a corresponding entry in @revenue_by_day, even if no orders were placed on those days. Guide me if that approach is not upto the mark?

  • @Richardritchie-w1f
    @Richardritchie-w1f 6 หลายเดือนก่อน

    Wow. Blowing my mind. Amazing! My sincere compliments and huge thank you.

  • @Gaming-With-Raymond
    @Gaming-With-Raymond 6 หลายเดือนก่อน

    Not writing tests even after you write a ton of code gives me anxiety

    • @connerjensen8170
      @connerjensen8170 5 หลายเดือนก่อน

      Tests take a lot of extra time to write and would make the video extremely long, but I do promote testing and have other videos discussing how to write tests using RSpec. Thanks for watching!

  • @SameerAkram-qx8bt
    @SameerAkram-qx8bt 6 หลายเดือนก่อน

    Fantastic! use react js in frontend

  • @softlitebh
    @softlitebh 6 หลายเดือนก่อน

    Do you have any chance on building a blog webapp?

    • @connerjensen8170
      @connerjensen8170 5 หลายเดือนก่อน

      Possibly will create a video on this in the future. Stay tuned!

  • @iopyrb
    @iopyrb 6 หลายเดือนก่อน

    can we create erp & cms app?

  • @ItachiUchiha-3285
    @ItachiUchiha-3285 6 หลายเดือนก่อน

    Great tutorial and im not familiar with ruby and neovim thing if you dont mind will you do a tutorial on how to install " ruby on rails and vim and all the reuired budles and packages in one video " for this project coz im getting an error while creating " rails new project " actually my life is depending on this project, ive seen so many tutorials nthn works, and your's the best so help me out please... Thanks in advance...✌🏻😇

  • @dennisalves33
    @dennisalves33 6 หลายเดือนก่อน

    This tutorial is amazing guy, thank you so much for this it

  • @vanessafoht
    @vanessafoht 6 หลายเดือนก่อน

    what is using os&

  • @MamboslilMicroscope
    @MamboslilMicroscope 6 หลายเดือนก่อน

    I would really appreciate it if you could help me with this: I had setup devise and the Admin model exactly as you were doing in the tutorial but after refreshing, "localhost:3000/admin/sign_in" always redirects to "localhost:3000" even after adding the admin rerouted in "routes.rb" and setting up all those models and views. The "admin#index" view is never rendered. How can i fix this? Best and warm Regards

  • @budiardjo6610
    @budiardjo6610 7 หลายเดือนก่อน

    thank you so much, i am learn a lot.

  • @Techie-d7g
    @Techie-d7g 7 หลายเดือนก่อน

    Any chance of having project like this on reactjs with ror?

    • @connerjensen8170
      @connerjensen8170 7 หลายเดือนก่อน

      Yes it have the next project in the works and will be using React and RoR. Thanks for watching!

    • @Techie-d7g
      @Techie-d7g 7 หลายเดือนก่อน

      @@connerjensen8170 I'll be waiting for this video, thanks you so much❤️

    • @Techie-d7g
      @Techie-d7g 2 หลายเดือนก่อน

      ​@@connerjensen8170any update?😢

    • @shaheerahmedshorts8503
      @shaheerahmedshorts8503 21 วันที่ผ่านมา

      @@connerjensen8170 Bro when will you upload the project of React and rails

  • @IgorOdaryuk
    @IgorOdaryuk 7 หลายเดือนก่อน

    Wow! what a perfect quality content on RoR, thanks!

  • @lanceloot
    @lanceloot 7 หลายเดือนก่อน

    ruby version ?

  • @Samji3877
    @Samji3877 7 หลายเดือนก่อน

    Bookmarks commented underneath

    • @Samji3877
      @Samji3877 7 หลายเดือนก่อน

      00:00 - introduction

    • @Samji3877
      @Samji3877 7 หลายเดือนก่อน

      4:24 - create the app

    • @Samji3877
      @Samji3877 7 หลายเดือนก่อน

      10:10 - setup devise and create admin homepage

    • @Samji3877
      @Samji3877 7 หลายเดือนก่อน

      22:54 - categories page

    • @Samji3877
      @Samji3877 7 หลายเดือนก่อน

      44:10 - Setting up Active Storage - adding images to categories

  • @Raubritterr222
    @Raubritterr222 7 หลายเดือนก่อน

    Great video! also I love that you use neovim for this!

  • @AndrewMooka
    @AndrewMooka 7 หลายเดือนก่อน

    Great content but I did not see you styling sign up and sign in forms. Where can I get devise generated sign in and sign up forms to style

  • @valenciawalker6498
    @valenciawalker6498 7 หลายเดือนก่อน

    Thank you

  • @Hariskhan-cb1ri
    @Hariskhan-cb1ri 7 หลายเดือนก่อน

    My stimulus controllers are not connecting . What should I do

  • @mudassarkhan6288
    @mudassarkhan6288 7 หลายเดือนก่อน

    what if some one want to grant access to others users like manager and cashiers instead of just admin?? please guide me

  • @AnantoYusufW
    @AnantoYusufW 8 หลายเดือนก่อน

    thank you so much

  • @JohnathonMasias
    @JohnathonMasias 8 หลายเดือนก่อน

    Is there any reason why bin/dev doesn't work? i have tried it on windows 10 AND ubuntu 22.04 and it doesn't work on either.

    • @czepesch
      @czepesch 4 หลายเดือนก่อน

      what's the error?

  • @WickedAyman
    @WickedAyman 8 หลายเดือนก่อน

    Would love to see a video with React/Vue/Svelte using InertiaJS-Rails. Not a whole lot of content using this stack :/

    • @WickedAyman
      @WickedAyman 8 หลายเดือนก่อน

      Actually it would be interesting to take it up as a challenge for me :))

    • @connerjensen8170
      @connerjensen8170 8 หลายเดือนก่อน

      Great suggestion!

  • @anikettiwari6885
    @anikettiwari6885 8 หลายเดือนก่อน

    This is awesome

  • @benoitibovi8311
    @benoitibovi8311 8 หลายเดือนก่อน

    Thanks you very much. It was very interesting

  • @zohraneda9324
    @zohraneda9324 8 หลายเดือนก่อน

    Why When I run rails new app --css tailwind I face to this kind of error? $ C:/Ruby32-x64/lib/ruby/gems/3.2.0/gems/bootsnap-1.18.3/lib/bootsnap/compile_cache/iseq.rb:53:in `load_from_binary': Interrupt from C:/Ruby32-x64/lib/ruby/gems/3.2.0/gems/bootsnap-1.18.3/lib/bootsnap/compile_cache/iseq.rb:53:in `storage_to_output' from C:/Ruby32-x64/lib/ruby/gems/3.2.0/gems/bootsnap-1.18.3/lib/bootsnap/compile_cache/iseq.rb:64:in `fetch' from C:/Ruby32-x64/lib/ruby/gems/3.2.0/gems/bootsnap-1.18.3/lib/bootsnap/compile_cache/iseq.rb:64:in `fetch' from C:/Ruby32-x64/lib/ruby/gems/3.2.0/gems/bootsnap-1.18.3/lib/bootsnap/compile_cache/iseq.rb:89:in `load_iseq' from C:/Ruby32-x64/lib/ruby/gems/3.2.0/gems/psych-5.1.2/lib/psych/nodes/node.rb:4:in `require_relative' from C:/Ruby32-x64/lib/ruby/gems/3.2.0/gems/psych-5.1.2/lib/psych/nodes/node.rb:4:in `<main>' from C:/Ruby32-x64/lib/ruby/gems/3.2.0/gems/psych-5.1.2/lib/psych/nodes.rb:2:in `require_relative' from C:/Ruby32-x64/lib/ruby/gems/3.2.0/gems/psych-5.1.2/lib/psych/nodes.rb:2:in `<main>' from C:/Ruby32-x64/lib/ruby/gems/3.2.0/gems/psych-5.1.2/lib/psych.rb:15:in `require_relative' from C:/Ruby32-x64/lib/ruby/gems/3.2.0/gems/psych-5.1.2/lib/psych.rb:15:in `<main>' from <internal:C:/Ruby32-x64/lib/ruby/site_ruby/3.2.0/rubygems/core_ext/kernel_require.rb>:37:in `require' from <internal:C:/Ruby32-x64/lib/ruby/site_ruby/3.2.0/rubygems/core_ext/kernel_require.rb>:37:in `require' from C:/Ruby32-x64/lib/ruby/gems/3.2.0/gems/bootsnap-1.18.3/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:30:in `require' from C:/Ruby32-x64/lib/ruby/3.2.0/yaml.rb:4:in `<main>' from <internal:C:/Ruby32-x64/lib/ruby/site_ruby/3.2.0/rubygems/core_ext/kernel_require.rb>:37:in `require' from <internal:C:/Ruby32-x64/lib/ruby/site_ruby/3.2.0/rubygems/core_ext/kernel_require.rb>:37:in `require' from C:/Ruby32-x64/lib/ruby/gems/3.2.0/gems/bootsnap-1.18.3/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:30:in `require' from C:/Ruby32-x64/lib/ruby/gems/3.2.0/gems/bootsnap-1.18.3/lib/bootsnap/compile_cache/yaml.rb:58:in `init!' from C:/Ruby32-x64/lib/ruby/gems/3.2.0/gems/bootsnap-1.18.3/lib/bootsnap/compile_cache/yaml.rb:38:in `install!' from C:/Ruby32-x64/lib/ruby/gems/3.2.0/gems/bootsnap-1.18.3/lib/bootsnap/compile_cache.rb:25:in `setup' from C:/Ruby32-x64/lib/ruby/gems/3.2.0/gems/bootsnap-1.18.3/lib/bootsnap.rb:68:in `setup' from C:/Ruby32-x64/lib/ruby/gems/3.2.0/gems/bootsnap-1.18.3/lib/bootsnap.rb:112:in `default_setup' from C:/Ruby32-x64/lib/ruby/gems/3.2.0/gems/bootsnap-1.18.3/lib/bootsnap/setup.rb:5:in `<top (required)>' from <internal:C:/Ruby32-x64/lib/ruby/site_ruby/3.2.0/rubygems/core_ext/kernel_require.rb>:37:in `require' from <internal:C:/Ruby32-x64/lib/ruby/site_ruby/3.2.0/rubygems/core_ext/kernel_require.rb>:37:in `require' from C:/Users/Niazi Wall/Desktop/herEducation/her_education/config/boot.rb:4:in `<top (required)>' from bin/rails:3:in `require_relative' from bin/rails:3:in `<main>'

  • @Samji3877
    @Samji3877 8 หลายเดือนก่อน

    10:07 - setup devise more and ensure admins have to login before acessing their admin portal

    • @Samji3877
      @Samji3877 8 หลายเดือนก่อน

      22:50 - Work on the categories page (is anyone the same they've read categories that many times it looks funny?)

    • @MamboslilMicroscope
      @MamboslilMicroscope 6 หลายเดือนก่อน

      I would really appreciate it if you could help me with this: I had setup devise and the Admin model exactly as you were doing in the tutorial but after refreshing, "localhost:3000/admin/sign_in" always redirects to "localhost:3000" even after adding the admin rerouted in "routes.rb" and setting up all those models and views. The "admin#index" view is never rendered. How can i fix this? Best and warm Regards

  • @Dracometeor562
    @Dracometeor562 8 หลายเดือนก่อน

    you deserve my subscribed. You made a good web application for free

  • @programmingcheatsheet
    @programmingcheatsheet 8 หลายเดือนก่อน

    I made it up to 1:10:00, at which point there appears to be a video missing. You start adding links for admin stocks and have an index.html.erb for the admin stocks, but you never created the scaffold for stocks would appreciate more of an explanation of why you're doing the things you're doing. The vast majority of it is you just saying the words you're typing out loud When skimming through the video, I don't see any evidence that you use the features from hotwire (turbo frames, turbo streams, etc.) and the stimulus code you have does not use very good stimulus practices (e.g. grabbing items from the dom using querySelector instead of the data-targets that Stimulus recommends, among other things). At the very least, have the integrity to not advertise this video as a Hotwire/Stimulus video. also not sure how necessary it was to nest everything under the admin namespace. seems like it just needlessly requires spending a lot of time making corrections to the scaffold. but not sure it's worth all the extra time you spend on that just to have a nested url

  • @dhanushsenthilkumar2646
    @dhanushsenthilkumar2646 8 หลายเดือนก่อน

    can you put a video about how to install libvips please i have an error D:\Workspace\Projects ails\st>rails active_storage:install DEPRECATION WARNING: DeprecatedConstantAccessor.deprecate_constant without a deprecator is deprecated (called from require at <internal:C:/Ruby32-x64/lib/ruby/3.2.0/rubygems/core_ext/kernel_require.rb>:38) (process:8840): VIPS-WARNING **: 21:32:21.251: unable to load "C:\Ruby32-x64\msys64\ucrt64/lib/vips-modules-8.15\vips-heif.dll" -- 'C:\Ruby32-x64\msys64\ucrt64/lib/vips-modules-8.15\vips-heif.dll': The specified module could not be found. (process:8840): VIPS-WARNING **: 21:32:21.258: unable to load "C:\Ruby32-x64\msys64\ucrt64/lib/vips-modules-8.15\vips-jxl.dll" -- 'C:\Ruby32-x64\msys64\ucrt64/lib/vips-modules-8.15\vips-jxl.dll': The specified module could not be found. (process:8840): VIPS-WARNING **: 21:32:21.265: unable to load "C:\Ruby32-x64\msys64\ucrt64/lib/vips-modules-8.15\vips-magick.dll" -- 'C:\Ruby32-x64\msys64\ucrt64/lib/vips-modules-8.15\vips-magick.dll': The specified module could not be found. (process:8840): VIPS-WARNING **: 21:32:21.271: unable to load "C:\Ruby32-x64\msys64\ucrt64/lib/vips-modules-8.15\vips-openslide.dll" -- 'C:\Ruby32-x64\msys64\ucrt64/lib/vips-modules-8.15\vips-openslide.dll': The specified module could not be found. (process:8840): VIPS-WARNING **: 21:32:21.279: unable to load "C:\Ruby32-x64\msys64\ucrt64/lib/vips-modules-8.15\vips-poppler.dll" -- 'C:\Ruby32-x64\msys64\ucrt64/lib/vips-modules-8.15\vips-poppler.dll': The specified module could not be found.

  • @JessHonorato
    @JessHonorato 8 หลายเดือนก่อน

    The first part.. I am a beginner, so I didn't understand anything about how you did the configs

  • @IleniaQuintero
    @IleniaQuintero 8 หลายเดือนก่อน

    Hello, I was looking at your video channel. We may be helping a company that uses secure images to increase supply chain security and help cloud native development. Would you be willing to help try their software, make a video, and help show devs how to use their tools? This is not an offer, but just to start a conversation about your willingness to take on sponsorship. Please provide me with your email if you are interested. You'd have a chance to look at their technology and decide if it's the type of software that you'd be interested in covering in your channel.

    • @connerjensen8170
      @connerjensen8170 8 หลายเดือนก่อน

      Thanks for reaching out you can contact me at conner.jensen@hey.com

  • @teetanrobotics5363
    @teetanrobotics5363 8 หลายเดือนก่อน

    Bro awesome content. Need other data strcutures as well. stack, queues heaps, etc. Also need louder mic.

  • @denniskatilov5891
    @denniskatilov5891 8 หลายเดือนก่อน

    Thanks author, very cool content. Can someone help with the error? ActionView::Template::Error (The asset "logo.png" is not present in the asset pipeline. ): 16: <nav class="flex w-full"> 17: <div class="w-64 p-4 h-screen bg-gray-600 sticky top-0"> 18: <div class="flex"> 19: <%= image_tag "logo.png", class:"w-16" %> 20: <h1 class="text-md py-2 text-gray-50 font-bold hidden md:block"> 21: Admin 22: </h1> app/views/layouts/admin.html.erb:19 UPD. I created a file logo.png in the assets folder, the error disappeared, but the icon does not appear

    • @calvindisc
      @calvindisc 8 หลายเดือนก่อน

      I have the same error