Build a Full Stack E-commerce app with Spring boot 3, PostgreSQL, Angular 18 and Tailwind CSS (2024)

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ธ.ค. 2024

ความคิดเห็น • 129

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

    Very good tutorial Thank you so much please don't stop .... continue with deployment of mono-repo app

    • @code-cake
      @code-cake  หลายเดือนก่อน

      Yes it's coming

  • @ALMOUSLECKATALIBAG
    @ALMOUSLECKATALIBAG 2 หลายเดือนก่อน +3

    The best teacher on TH-cam

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

    oh man one e-commerce app without complexeties thanks man

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

    Such an amazing tutorial. Thank you so much for your efforts and talents. Please continue making more projects. You honestly make a great impact on peoples' lives.

  • @aritrakhatua1482
    @aritrakhatua1482 2 หลายเดือนก่อน +5

    Awesome tutorial , Love from India

  • @marcelobc2230
    @marcelobc2230 2 หลายเดือนก่อน +1

    Congrats from Brazil, great tutorial!

  • @ОАффафаф
    @ОАффафаф 18 วันที่ผ่านมา

    you are the best, hello from kyrgyzstan

  • @devichandanae.m
    @devichandanae.m 15 วันที่ผ่านมา

    I am a big fan of yours. 😊 Thank you! 🙏

  • @camachoo-u4t
    @camachoo-u4t 2 หลายเดือนก่อน

    You are bringing so much value Cyril please don't stop 👍🏻

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

    Awesome man , Thanks a lot ! I usually skip the ads btwn , but am watching ads too for your videos , since it has a very good content and lots of efforts!

    • @code-cake
      @code-cake  2 หลายเดือนก่อน

      I cannot thanks you more for this 🙂

  • @chaymaemalak5051
    @chaymaemalak5051 5 วันที่ผ่านมา

    amazing thank u

    • @code-cake
      @code-cake  4 วันที่ผ่านมา

      You are welcome

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

    Respect from India 🇮🇳🤝🙂

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

    Шикарно! Особенно, за транзакции и админ панель спасибо!

    • @code-cake
      @code-cake  2 หลายเดือนก่อน

      Пожалуйста (I'm not sure if that's accurate)

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

      ​@@code-cakeIt's correct😊

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

    Thanks a lot for this tutorial 🙏 from Cameroon

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

    Great tutorial 🎉 Congrats from Paraguay

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

    Thanks for this video. Keep up the good work.

  • @martinMartin-lg1lb
    @martinMartin-lg1lb 2 หลายเดือนก่อน

    Thanks for sharing your knowledge !!!!

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

    Next Level Content...❤

    • @code-cake
      @code-cake  2 หลายเดือนก่อน

      Thanks :)

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

    Bro thank you so much. love from 🇵🇭🇵🇭🇵🇭

  • @j.mohamed
    @j.mohamed 2 หลายเดือนก่อน

    Bravo Cyril.Merci bcp

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

    Best tutorial sir

  • @JavaSpring-w4d
    @JavaSpring-w4d 2 หลายเดือนก่อน

    Nice to see you again, keep going💪💪💪💪💪

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

    Thank you so much for this tutorial, really needed

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

    Stripe is the best part 🎉, merci merci merci 😎

    • @code-cake
      @code-cake  2 หลายเดือนก่อน

      You are welcome !

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

    Fantastic!

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

    Bro you are insane thank you

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

    cool, seems I am going to start angular from here

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

    More spring boot projects 🎉🎉🎉

  • @vincentchang5529
    @vincentchang5529 2 หลายเดือนก่อน +1

    Hi, really nice video. Is it possible to have part 2 where you deploy it? Azure or AWS would be good to reflect the industry standard.

    • @code-cake
      @code-cake  2 หลายเดือนก่อน +1

      Yes I will make a video to explain AWS deployment

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

    Merci for the video! Like in advance 👍

    • @code-cake
      @code-cake  2 หลายเดือนก่อน

      Thanks ! :)

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

      @@code-cake also want to ask why is there such a hype around third party auth services? Is there any chanse to see a tutorial where you code auth only with spring(without any third party service)?

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

    Thank you so much 🇰🇪

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

    thats gold

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

    Cool bro keep it up

  • @chirantharavishka5918
    @chirantharavishka5918 12 วันที่ผ่านมา

    pls get the production level spring boot microsevice project with docker ,k8s ,chache(redis),kafka
    .thanku sir your best teacher

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

    hello Cyril thanks a lot for the hard work you done with this project its very well done made and easy to follow the steps : even am a bit very slowly following your steps : can you explain please what you did exactly in the second 34:37 when you did imported the xml files into db.changelog i didnt get the right action to get those files merci beaucoup

    • @code-cake
      @code-cake  28 วันที่ผ่านมา

      I took the liquibase files from the project already made. So for you, you should go here github.com/C0de-cake/ecommerce-app/tree/main/apps/ecom-backend/src/main/resources/db
      And copy paste the same files as what I'm doing in the video.

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

    Awesome tutorial!
    Could you make a tutorial how to create a fullstack Angular applikation using the MEAN Stack and how to deploy it?
    Love from Switzerland

    • @code-cake
      @code-cake  2 หลายเดือนก่อน +1

      Unfortunately that's not really the stack that I want to showcase in this channel for now but thanks for the feedback.

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

    Good over all demo. But I think you should have also used explicit Effect and createEffect along with query and please no promises on FE since we have good old observables and data and action streams. But again great video. Keep going

    • @code-cake
      @code-cake  2 หลายเดือนก่อน

      Promises are built-in with tanstack, Unfortunately, I'm not responsible for their API if that's what you are talking about

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

    Thanks for the Production Level tutorial ❤❤❤ one request 🙏 please use slow english to catch up

    • @code-cake
      @code-cake  2 หลายเดือนก่อน

      Sure I will try to slow down next time !!
      Thanks for your feedback

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

    Hello, I just know Java and little bit of advanced Java and Spring Boot. Will I be able to understand this project completely? :)

    • @code-cake
      @code-cake  28 วันที่ผ่านมา

      It depends if you are familiar with SQL and Hibernate as well. So have a look at that first.
      Also have a look at Angular it will be helful for this tutorials

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

    im sorry im noob here,i want to ask is that important to use stripe method in e-commerce or there is another alternative?

    • @code-cake
      @code-cake  28 วันที่ผ่านมา

      This tutorial focuses on Stripe but technically you can use any alternative you like, the concept will stay the same

  • @aminhlel7241
    @aminhlel7241 2 หลายเดือนก่อน +1

    hey Cyril, I hope you are doing well, can you please make a course for Keycloak with deep details please, thanks

    • @code-cake
      @code-cake  2 หลายเดือนก่อน

      Okay I'll note it and make a video next time

  • @hettalamazigh6251
    @hettalamazigh6251 23 วันที่ผ่านมา

    Very good tutorial, thank you so much, please can I use @Builder from Lombok instead of @Builder from Jilt ?

    • @code-cake
      @code-cake  15 วันที่ผ่านมา

      Yes of course you can use Lombok on your side

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

    Merci beaucoup! Si possible tu peut nous faire un cas de micro service spring egalement.

    • @code-cake
      @code-cake  2 หลายเดือนก่อน +1

      Yes, c'est dans ma liste ;)

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

    Teaches how to take the code via Git Hub and start it on the local machine different from the one created making the necessary changes? I have doubts in some parts of this process.
    ensina a pegar o código via git hub e iniciar ele na maquina local diferente da criada fazendo as mudanças necessárias? tenho duvidas em algumas partes desse processo

    • @code-cake
      @code-cake  2 หลายเดือนก่อน

      Not sure if I understood correctly but yes the process is a bit different to start the app by just cloning the repository.
      I made the documentation to start it so it should be okay to just use it directly.
      Feel free to tell me if there's something missing in the documentation

  • @ChavindaWijethilake-i6y
    @ChavindaWijethilake-i6y 19 วันที่ผ่านมา

    this can be created on windows as well right without any issue?

    • @code-cake
      @code-cake  15 วันที่ผ่านมา

      No issue since all the tools that I use are compatible with windows

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

    Love your videos. Can you do a social networking application like twitter?

    • @code-cake
      @code-cake  2 หลายเดือนก่อน

      Okay I'm noting it

  • @ManishVyas1
    @ManishVyas1 10 วันที่ผ่านมา

    Hi Cyril, I am getting issue in redirectToCheckout method from StripeService. Its deprecated. Any suggestions?

    • @code-cake
      @code-cake  5 วันที่ผ่านมา

      You need to be more precise about the exact line that is deprecated

  • @OussamaBendaoud-v6e
    @OussamaBendaoud-v6e หลายเดือนก่อน

    bro how you import the files in the munit 34 because i can't see

    • @code-cake
      @code-cake  28 วันที่ผ่านมา

      Can you be more precise ?

  • @manojkumarreddybhimavarapu9488
    @manojkumarreddybhimavarapu9488 2 หลายเดือนก่อน +1

    How to donate money as a small appreciation to your Company or If there is any Organization ?

    • @code-cake
      @code-cake  2 หลายเดือนก่อน +2

      If one day I launch a courses, just think about it okay ?
      But thanks you so much for this, that means a lot

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

    Sir can i do this with ng project?

    • @code-cake
      @code-cake  2 หลายเดือนก่อน

      What do you mean by ng project?

  • @noonecares-786
    @noonecares-786 2 หลายเดือนก่อน

    sir genuine request to you please make a video with react also,with kafka .

    • @code-cake
      @code-cake  2 หลายเดือนก่อน +1

      With Kafka it's doable so I'll put it on my list but I don't know anything about React :')

  • @rapxiecduonglao8628
    @rapxiecduonglao8628 18 วันที่ผ่านมา

    when i generate nx spring boot, it always error NX can't read properties . Can you help me to fix that ?

    • @code-cake
      @code-cake  15 วันที่ผ่านมา

      What's the exact command that you are trying to execute?

    • @rapxiecduonglao8628
      @rapxiecduonglao8628 15 วันที่ผ่านมา

      @@code-cake i cant use this command nx g @nxrocks/nx-spring-boot:project it always said directory is null

  • @kumar_aashish9237
    @kumar_aashish9237 2 หลายเดือนก่อน +1

    Add deployment section tooo

    • @code-cake
      @code-cake  2 หลายเดือนก่อน

      Yes I'll do it in the next video

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

    Hey cyril , can you please make a project with the N-tier architecture in your upcoming videos :)

    • @code-cake
      @code-cake  2 หลายเดือนก่อน

      Okay can you explain why you want that? Is it because the hexagonal architecture is more complex?

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

      @@code-cake yes kind of, also I learned spring boot with the N-tier architecture so I'm more familiar with it.
      And thanks for your videos again they're really helping!

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

    Hey Cyrl, nice app by the way can you please create teach more spring boot projects like appointment booking app or social media platform

    • @code-cake
      @code-cake  2 หลายเดือนก่อน

      Sure, I'll put on my list

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

    ❤️❤️❤️

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

    也许你应该使用标签 DDD,这是一个关于 DDD 的好视频

    • @code-cake
      @code-cake  หลายเดือนก่อน

      Yes I'll add it

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

    je suis debutant , tu peux faire une video de l config au debut

    • @code-cake
      @code-cake  28 วันที่ผ่านมา

      La configuration c'est a dire ?

  • @andreas-fefe
    @andreas-fefe 2 หลายเดือนก่อน

    localhost:4200 not working for me after bootstrap of the app

    • @code-cake
      @code-cake  2 หลายเดือนก่อน

      Can you give me more detail, what did you do? do you have some errors?

  • @mezensboui4989
    @mezensboui4989 หลายเดือนก่อน +1

    NX Cannot read properties of undefined (reading 'replace')
    TypeError: Cannot read properties of undefined (reading 'replace')
    at removeWindowsDriveLetter (C:\Users\Administrator\Documents\E-CommerceWebsite\ecommerce
    ode_modules
    x\src\utils\path.js:9:27)
    at normalizePath (C:\Users\Administrator\Documents\E-CommerceWebsite\ecommerce
    ode_modules
    x\src\utils\path.js:16:12)
    at determineProjectNameAndRootOptions (C:\Users\Administrator\Documents\E-CommerceWebsite\ecommerce
    ode_modules\@nx\devkit\src\generators\project-name-and-root-utils.js:10:58)
    at normalizeOptions (C:\Users\Administrator\Documents\E-CommerceWebsite\ecommerce
    ode_modules\@nxrocks
    x-spring-boot\src\generators\project\lib
    ormalize-options.js:6:144)
    at projectGenerator (C:\Users\Administrator\Documents\E-CommerceWebsite\ecommerce
    ode_modules\@nxrocks
    x-spring-boot\src\generators\project\generator.js:9:64)
    at C:\Users\Administrator\Documents\E-CommerceWebsite\ecommerce
    ode_modules
    x\src\command-line\generate\generate.js:238:32
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async handleErrors (C:\Users\Administrator\Documents\E-CommerceWebsite\ecommerce
    ode_modules
    x\src\utils\handle-errors.js:9:24)
    at async Object.handler (C:\Users\Administrator\Documents\E-CommerceWebsite\ecommerce
    ode_modules
    x\src\command-line\generate\command-object.js:14:22) anyone face that problem here is the solution :::
    Locate path.js inside C:\Users\Administrator\Documents\E-CommerceWebsite\ecommerce
    ode_modules
    x\src\utils\.
    function removeWindowsDriveLetter(path) {
    if (!path) return path; // Add this line
    return path.replace(/^[a-zA-Z]:/, '');
    }
    Using Windows

  • @medoune89
    @medoune89 2 หลายเดือนก่อน +1

    Je croyais que le tuto était en français !

    • @code-cake
      @code-cake  2 หลายเดือนก่อน

      Malheureusement non

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

    😊😊😊

    • @code-cake
      @code-cake  2 หลายเดือนก่อน

      Merci khey

  • @Engineer-de8ps
    @Engineer-de8ps 21 วันที่ผ่านมา

    Do you know MERN stack?

    • @code-cake
      @code-cake  15 วันที่ผ่านมา

      Not enough to make a complete app like this

  • @cubedev4838
    @cubedev4838 2 หลายเดือนก่อน +1

    U should make more long tutorial using angular and spring boot. Clone will be the best

    • @code-cake
      @code-cake  2 หลายเดือนก่อน

      Right, which one should I do next ?

  • @adiletbaimyrzauulu6589
    @adiletbaimyrzauulu6589 18 วันที่ผ่านมา

    really hard to follow your speed, I wonder how many people actually finish watching it , I gave up on minute 30

  • @urani6601
    @urani6601 7 วันที่ผ่านมา

    You skipped a lot of stuff and didn't explain much for new beginners, don't take it the wrong way but do better.

  • @JeanPhilippeMaquestiaux
    @JeanPhilippeMaquestiaux 25 วันที่ผ่านมา +1

    @17:15 the command line is not right for me, I have to run: nx g @nx/angular:component apps/ecommerce-frontend/src/app/layout/navbar/navbar --style=scss --no-interactive
    With nx version v20.1.3

    • @JavaSpring-w4d
      @JavaSpring-w4d 12 วันที่ผ่านมา

      ohhh man thank u so much , I was so confused jaja

  • @octavian3033
    @octavian3033 5 วันที่ผ่านมา +1

    On 31:49 When running the Nx command "nx g @nxrocks/nx-spring-boot:project ecom-backend --verbose" I get this error:
    NX Cannot read properties of undefined (reading 'replace')
    TypeError: Cannot read properties of undefined (reading 'replace')
    at removeWindowsDriveLetter
    Update: Error was because of the Nx version ("nx": "20.2.2"). I switched to npx create-nx-workspace@19.6.5 instead which works okay

    • @tiagote99
      @tiagote99 2 วันที่ผ่านมา

      How do you fix it? i have the same error.

    • @octavian3033
      @octavian3033 วันที่ผ่านมา

      @tiagote99 I started a new project with create-nx-workspace 19 instead (mentioned it above)

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

    me experience :
    full stack ❌
    full stuck ✅

    • @code-cake
      @code-cake  2 หลายเดือนก่อน

      oh no, where are you stuck?

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

      ​@@code-cake my life is stuck

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

    Why i cant generate component?
    nx generate @nx/angular:component navbar --directory apps/ecommerce-frontend/src/app/layout navbar
    NX Schema does not support positional arguments. Argument 'navbar' found
    ?

    • @code-cake
      @code-cake  28 วันที่ผ่านมา +1

      nx generate @nx/angular:component --directory apps/ecommerce-frontend/src/app/layout navbar
      You have two times navbar that's why it's not working

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

    Ce qui est fou et frustrant avec les tutos est que les installations ont toujours et toujours des bug quand on le fait dans nos environnements 🥲
    Bloqué en à peine 30min.

    • @code-cake
      @code-cake  หลายเดือนก่อน

      Tu es bloqué sur quoi ?

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

      @@code-cake
      Ici c'était au niveau des installations, puis j'ai laissé tomber pour aller sur le airbnb_clone et là je bloque sur le schema 'airbnb_clone' qui est considéré comme non existant.
      J'ai bien vu dans les commentaires qu'il fallait le créer manuellement mais même ça ne marche pas..

    • @code-cake
      @code-cake  หลายเดือนก่อน

      Si tu as tjr la même erreur. Assure toi que tu n'ai pas plusieurs pg qui tournent sur ta machine et que celui où tu as créé le schéma c'est bien celui qui se connecte à ton backend