Fullstack E-Commerce: Ruby on Rails 7, Hotwire, Tailwind, Stripe, PostgreSQL

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
- User storefront
- Local storage based Cart
- User Checkout w/Stripe
For more educational content check out CodeCrafters: app.codecrafters.io/join?via=...

[@FixEcomm]

i hope Ruby and projects like these stays under the radar of 'Javascript' tutorials gurus

[@davidlafontant2973]

😂

[@SamuelOjeyinka]

If you have encountered errors related to the stock, here is what needs to be corrected. To create the stock, use the Rails command `rails g scaffold admin::stock product:references amount:integer size:string`. Then, navigate to the migration file, similar to what we did with previous migration files. Remove the "admin" from "admin_stocks" and change it to "stocks" only. Run `rails db:migrate`. After that, move the `stock.rb` model file out of the admin folder and follow the same steps we took for the order models. Additionally, remove "Admin" from the stock controller. Next, open your `routes.rb` file and nest resources `:stocks` into `:products` as follows: resources :products do resources :stocks end ```

[@mahdido]

thank you very much i needed that since he probably forgot to put it int he video

[@SamuelOjeyinka]

@@mahdido you are welcome

[@SamuelOjeyinka]

To avoid issues with `./bin/dev`, simply execute `rails tailwindcss:build` before starting your Rails server. This ensures that the Tailwind CSS styles will be properly applied when your server is running.

[@user-rq8ky5oi5z]

I have run "rails tailwindcss:build" but the css styles still won't show.

[@sheko4515]

This is a nice Christmas gift, please continue with tutorials for rails like that, real projects.

[@adegbitekelvin3875]

Nice to see builds like this

[@SurajSJagtap]

Amazing... Thanks for coming back to YT. Looking forward to more videos. Thanks

[@connerjensen8170]

Thanks for watching!

[@michaelvision360]

I love your tmux neovim setup with the server console under the editor and the web page to the right. I will be doing some tweaks to my TMUXINATOR setup. I am using Alacrity with Tmux and Tmuxinator with MOOD neovim setup. Thanks for the superb content.

[@Wilson-or1rt]

Holy cow, that is awesome! Thanks for the tutorial

[@connerjensen8170]

No problem and thanks for watching!

[@raqibabdullah775]

Your content is amazing and so easy to follow, Conner! 🔥 Big respect! 🙌 Please consider creating a comprehensive SaaS tutorial with Rails and Hotwire. 🙏 Coding in Rails truly is an art!

[@connerjensen8170]

Thanks for watching! Yes I’m planning on releasing a SaaS tutorial soon.

[@haroldpepete]

woahhh, that was one of the greatest come back ever, thanks, thank to you a lost the fear for testing with rpesc

[@connerjensen8170]

Glad you found my videos helpful and thanks for watching!

[@gezu_bonga]

You're awesome Conner ! Thanks.

[@connerjensen8170]

My pleasure! Thanks for watching

[@richillartloe]

This is a great tutorial, very helpful. Thank you very much!

[@connerjensen8170]

No problem! Thanks for watching.

[@mwenyan8773]

Haven't reached half an hour into the tutorial but I've hit both the subscribe and like button. Awesome stuff, Thanks 👍!!

[@connerjensen8170]

Appreciate it! Thank you

[@mwenyan8773]

Hey @@connerjensen8170 👋! having an issue with the part just after 1:10:51. How did you get the stocks model and all the associated files? The video sort of skipped that part. Thanks in advance!

[@amirzahran2394]

Great effort there ❤

[@cricboost9309]

Now, that's what I was looking for. That's totally worth. Please make more interesting projects with Rails + Hotwire

[@connerjensen8170]

Thank you for watching and supporting! Yes I have another Rails + Hotwire video in the works. It should be released in about two weeks

[@njongefred]

Thank you so much sir Hope to see more of real projects in your channel

[@connerjensen8170]

No problem and thanks for watching! Yes more are coming soon. Next one should be out at the end of this month

[@Dracometeor562]

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

[@rickbacker1]

Thank you very much for the tutorial!! 🙏

[@connerjensen8170]

Glad it was helpful!

[@benoitibovi8311]

Thanks you very much. It was very interesting

[@Raubritterr222]

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

[@sylviaboyani1707]

Really nice, keep it up!

[@connerjensen8170]

Thanks, will do!

[@aniketpatidar]

Too good man😎

[@seb4126]

Nice video 🙏🏻! Really detailed. It will be nice to add chapters to easily navigate in the video.

[@prashlovessamosa]

Thanks man i am struggling a lot as there are not many learning resources to learn Ruby when YT gave me stuff in Algo thanks again for Sharing.

[@connerjensen8170]

No problem! Hopefully this helps and I'll continue to create Ruby/Rails content. Thanks for watching!

[@youTanod]

Thank you very much, this is exactly the tutorial I was looking for. I just got stuck around the 20th minute. bin/dev crashes under Win 10.

[@nqh1993]

Thank you for the great content. Please continue with Building real projects on Rails.

[@connerjensen8170]

Will do! Anything in particular you'd like to see built? Appreciate you watching and commenting.

[@aniketpatidar]

Could you please continue the leetcode live series in ruby! It will be good resource to learn. For ruby their is not much resources available to practice problems in ruby and thank you so much for bringing this knowledge and experience.

[@connerjensen8170]

Yes, thank you for your input. I will put that on the schedule to release for next year. Thanks for watching!

[@dencam]

Thank for sharing this. Rails has been lacking learning materials for newbies as compared to other web frameworks

[@connerjensen8170]

No problem, thanks for watching! I agree, I’m going to keep making content like this to help people learn and get excited about building with Rails.

[@critec82]

Thank you for this lesson, I would like to see the further implementation of the project. For example, user profile, role distribution, favorites. In short, a full-fledged online store) This would be very useful. Спасибо!

[@connerjensen8170]

Oh course and thank you for watching. That’s a great suggestion, I will add a part 2 to cover those topics in a future video.

[@critec82]

How do you like the idea of ​​implementing it so that the user can be a seller and a buyer?@@connerjensen8170

[@ajaykathwate7595]

Hey @@connerjensen8170 , I am new to rails so is this project tut suitable for me?

[@gezu_bonga]

@@connerjensen8170 can't wait for part 2 , thanks a lot !

[@Khushiitis]

Amazing content! Can you please release a tutorial on how to make an e -commerce application that has rails as it's backend and the front end is in react (basically in two different repos and an API call is made from react to RoR)

[@Crimi576]

love u man

[@malavipande6693]

This is diamond under the stones. Please do make tutorials on rails projects

[@connerjensen8170]

Thanks for watching! Yes I have another one that will be coming out next week

[@masoud1128]

شكرا ^^

[@AnantoYusufW]

thank you so much

[@connerjensen8170]

You're welcome!

[@remotronic]

Ofigenno

[@josbexerra8115]

Muchas gracias Mister Conner muy emocionado con el tutorial.....saludos de los andes peruanos

[@valenciawalker6498]

Thank you

[@connerjensen8170]

You're welcome

[@moseschoka]

Hey, thanks for this amazing video. I have been following through while writing down the code as well, however, I have a problem, my chart does not appear. What could be the issue?

[@AndrewMooka]

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

[@Samji3877]

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

[@Samji3877]

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

[@mahdido]

fun fact you can user admin_order_path(order) instead of [:admin, order] and so on when fixing the show links

[@Samji3877]

44:10 - Seting up Active Storage

[@yeshjadhav8082]

Hi I have been not able to see chart on local as it says error for ActionController::RoutingError (No route matches [GET] "/assets/stimulus-loading.js"): .... Any solution for this

[@emersonxianaiespinozaaguirre]

Espero puedas acceder a transformar tus videos con audio en español. Saludos y buen video.

[@connerjensen8170]

sí, trabajaré para obtener traducciones al español para futuros videos. gracias por ver!

[@Samji3877]

52:34 - Setting up Products

[@mkmillions4584]

Sorry you skipped showing how to create stock model, little part of video missing I think, help for that, and thank you for helping

[@malavipande6693]

rails g scaffold admin::stock size:string amount:integer product:references

[@mudassarkhan6288]

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

[@Khushiitis]

I have a doubt! At 2:56:40 you have created a categories_controller file, but we already had a file with the same name, where did that go?

[@Miyauchi-mf3cu]

Where to learn terminal skills like that

[@Hariskhan-cb1ri]

My stimulus controllers are not connecting . What should I do

[@malavipande6693]

also cloud you please tell me the extensions list you used in this tutorial!?Thank You

[@connerjensen8170]

Yes I will make my nvim config available on my GitHub which has all my extensions

[@RomanTheBird]

Thanks Brother I just starting...Hope it will be helpfull for me..But Im searching something like rails with React API ..you or Anyone can u please help me to give this type resources?

[@mahdido]

any one having problems in 2:30 where tailwind is just not working as expected giving hidden elements ?

[@mahdido]

im having big problems with the chart js not updating after link it like it's saved very weird

[@JohnathonMasias]

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.

[@snailprogrammer7483]

Can i offer a word of advice? Please use a normal editor like VScode when doing tutorials. In the first 8 minutes I have had to pause and rewind many many many times because you switch files so quickly and enter the code into the file. Hard to follow along as a beginner rails person.

[@connerjensen8170]

That is great feedback. I will use VSCode in future tutorials. Thanks for watching :)

[@Sarsa78]

Thank you both. This will help me as well.

[@dukeflyingcow]

yea he sure does go really fast. appreciate the effort though

[@Sarsa78]

I’m now almost at the end of it, and it’s a really great tutorial. Having to pause it to be able to follow forced me to take notes which in turn helped me retain the information. Really appreciated Conner!

[@SamuelOjeyinka]

The only thing that off me while doing this project is stripe not working in my country. Wow

[@connerjensen8170]

Oh I’m sorry to hear that.

[@user-db7py5er8v]

I am using a Chromebook and replit. Do I need to do all the setup steps?

[@connerjensen8170]

Hmm I’m not that familiar with replit, but if you use their Rails template you should be able to follow along. You might just have to do a little extra configuration to make things work

[@mkmillions4584]

How to create stock nested with the products

[@connerjensen8170]

Apologies, I seemed to have missed including the section where I run the scaffold command. Running this command should get you up to speed with where I am around 1:10:53 bin/rails g scaffold admin::stock product:references amount:integer size:string

[@mkmillions4584]

Thanks for your help, i am stack at stock model, I used to generate stock model Rails g scaffold admin::stock product:references amount:integer size:string Before migrate i updated and remove admin for table name then migrated At product form i add link to the product stock under active div, the way i watched from the video I am facing this error NoMethodError in Admin::Products#edit Highlighting that link admin_product_stocks_path Help me please

[@SamuelOjeyinka]

If you have encountered errors related to the stock, here is what needs to be corrected. To create the stock, use the Rails command `rails g scaffold admin::stock product:references amount:integer size:string`. Then, navigate to the migration file, similar to what we did with previous migration files. Remove the "admin" from "admin_stocks" and change it to "stocks" only. Run `rails db:migrate`. After that, move the `stock.rb` model file out of the admin folder and follow the same steps we took for the order models. Additionally, remove "Admin" from the stock controller. Next, open your `routes.rb` file and nest resources `:stocks` into `:products` as follows: ```ruby resources :products do resources :stocks end ```

[@user-yl6sh2cw6l]

in my project its not showing the data in dashboard after the stripe payment is successful, how to fix that?

[@connerjensen8170]

Hmm are you running the Stripe CLI listener? Is your webhook being hit after checkout is complete?

[@JessHonorato]

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

[@denniskatilov5891]

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: 17: 18: 19: 20: 21: Admin 22: 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]

I have the same error

[@snailprogrammer7483]

Once I added the variant to the image, I am getting a 500 error for the image. Something about Glib 2.0.0 I added Glib to my gemfile but still getting the same error.

[@connerjensen8170]

Hmm and you installed libvips and the image_processing gem? edgeguides.rubyonrails.org/active_storage_overview.html#requirements

[@snailprogrammer7483]

Yeah everything works up until I add the variant in the html. Checked spelling over and over. @@connerjensen8170

[@snailprogrammer7483]

@@connerjensen8170 Yea i uncommented image processing like you did ran the commands. Nothing. Ill keep troubleshooting

[@amandaheater3517]

I was following well but didnt see where you created stock scaffold

[@connerjensen8170]

Ah my apologies I seemed to have missed including the section where I run the scaffold command. Running this command should get you up to speed with where I am around 1:10:53 bin/rails g scaffold admin::stock product:references amount:integer size:string I'll add a note to the video for future reference. Thanks!

[@amandaheater3517]

Thank you @@connerjensen8170

[@amandaheater3517]

@@connerjensen8170 Been following it great but tried this error several times if you my assist or anyone around here would be very appreciated thanks

[@amandaheater3517]

@@connerjensen8170 Been following it great but tried this error several times if you my assist or anyone around here would be very appreciated thanks . The error is "NoMethodError in Admin::Products#edit Showing /root/rubyonrails/eunnyecomm/app/views/admin/products/_form.html.erb where line #50 raised:" Thank you again

[@haaaaayden]

Thanks, is there source code viewable somewhere please?

[@connerjensen8170]

Just added a link to it in the description. Appreciate you watching!

[@barabas0077]

omg

[@CAM-by9ge]

I’ve been trying to make a site that sells two products with rails, and stripe/paypal checkout. I’m close to giving up. Is there anyone who could put this together for me? I’ll pay for it.

[@connerjensen8170]

Shoot me an email with more info at [e-mail]

[@dipusingh4239]

can you please provide source code??

[@connerjensen8170]

Just added a link to it in the video description. Thanks for watching!

[@IleniaQuintero]

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]

Thanks for reaching out you can contact me at [e-mail]