- 11
- 104 244
Conner Jensen
United States
เข้าร่วมเมื่อ 5 ต.ค. 2013
Learn software engineering principles, ruby programming, go programming, and other topics that interest me as a software engineer.
Check out my courses: railsrealm.com
Check out my courses: railsrealm.com
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
📹 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
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?
My page redirect is only going to my homepage and not the other webpages redirect
i got ActiveStorage::UnpreviewableError, how can i fix this, sir?
Vscode will be easier to follow
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.
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
Great to hear!
great job, bud
But when did you even create a stock scaffold u directly jumped from products to stock which was for u already there form nowhere??
Very useful! Thanks!
Glad it was helpful!
Any Odinites?
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.
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
Where is part 3?
that's what I was wondering
Thank you sir ❤
Why every new model created in the console there is a conflict??
Thank you Conner. You are a blessing.
You are very welcome!
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?
Wow. Blowing my mind. Amazing! My sincere compliments and huge thank you.
Wow, thank you!
Not writing tests even after you write a ton of code gives me anxiety
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!
Fantastic! use react js in frontend
Great suggestion!
Do you have any chance on building a blog webapp?
Possibly will create a video on this in the future. Stay tuned!
can we create erp & cms app?
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...✌🏻😇
This tutorial is amazing guy, thank you so much for this it
You're very welcome!
what is using os&
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
thank you so much, i am learn a lot.
You are welcome!
Any chance of having project like this on reactjs with ror?
Yes it have the next project in the works and will be using React and RoR. Thanks for watching!
@@connerjensen8170 I'll be waiting for this video, thanks you so much❤️
@@connerjensen8170any update?😢
@@connerjensen8170 Bro when will you upload the project of React and rails
Wow! what a perfect quality content on RoR, thanks!
Glad you enjoy it!
ruby version ?
Bookmarks commented underneath
00:00 - introduction
4:24 - create the app
10:10 - setup devise and create admin homepage
22:54 - categories page
44:10 - Setting up Active Storage - adding images to categories
Great video! also I love that you use neovim for this!
Glad you enjoy it!
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
Thank you
You're welcome
My stimulus controllers are not connecting . What should I do
what if some one want to grant access to others users like manager and cashiers instead of just admin?? please guide me
thank you so much
You're welcome!
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.
what's the error?
Would love to see a video with React/Vue/Svelte using InertiaJS-Rails. Not a whole lot of content using this stack :/
Actually it would be interesting to take it up as a challenge for me :))
Great suggestion!
This is awesome
Thanks you very much. It was very interesting
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>'
10:07 - setup devise more and ensure admins have to login before acessing their admin portal
22:50 - Work on the categories page (is anyone the same they've read categories that many times it looks funny?)
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
you deserve my subscribed. You made a good web application for free
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
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.
The first part.. I am a beginner, so I didn't understand anything about how you did the configs
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.
Thanks for reaching out you can contact me at conner.jensen@hey.com
Bro awesome content. Need other data strcutures as well. stack, queues heaps, etc. Also need louder mic.
Noted!
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
I have the same error