Build app using React JS, .NET Core Web API and Microsoft SQL Server

Поділитися
Вставка
  • Опубліковано 19 вер 2024
  • Hello everyone.
    In this tutorial, we will learn how to build a simple to do application from scratch using
    React JS as front end, dot net core web API as backend, and microsoft SQL server as the database.
    we will first install all the pre requisites.
    then we will create the database and objects required for our app.
    next we will create the backend project using dot net core web API.
    and finally we will start creating the React project.

КОМЕНТАРІ • 44

  • @miguelcalderon3549
    @miguelcalderon3549 7 місяців тому +5

    To the point, The whole skeleton in less than 30 minutes, !!! Thank you bro. !!!

  • @zawtunit
    @zawtunit День тому

    Thank you so much, short to the point... fantastic tutorial....

  • @CANIHAZURDREAMSPLS
    @CANIHAZURDREAMSPLS 10 місяців тому +2

    Finally one that uses the cloud and not local DB. Thank you!!

    • @F-m.a
      @F-m.a 6 місяців тому

      Where can I find one that uses local DB? I'm doing a practical test for a job application and I don't think a cloud server is needed

  • @johnherrera5913
    @johnherrera5913 10 місяців тому +3

    Master!!
    Awesome!! This is exactly what I was looking for.
    Thanks a lot!
    Please more content like this.

  • @marceloleoncaceres6826
    @marceloleoncaceres6826 7 місяців тому +2

    Great example, thanks for sharing,

  • @HarendraKumar-rj7mg
    @HarendraKumar-rj7mg 6 місяців тому +1

    Awesome!!!

  • @imadabab
    @imadabab 6 місяців тому

    Although I prefer Blazor more than any other frameworks or libraries, but this is a great video indeed. I subscribed long time ago. Thanks a lot.

  • @yanamax193
    @yanamax193 Рік тому +3

    Great tutorial

  • @vajith123
    @vajith123 11 місяців тому +1

    Good explanation

  • @gopikrishnag41
    @gopikrishnag41 6 місяців тому

    Excellent & thx a lot

  • @ElevatedM1ndSet
    @ElevatedM1ndSet 11 місяців тому

    Thank you so much! Learning new things for free!

  • @JohnSunda
    @JohnSunda Рік тому +6

    sql query ? why not using Linq ? where is the db context ? where is the repository pattern ? this is fun for noob but that's all

    • @thedevmachine
      @thedevmachine 11 місяців тому +2

      DB context is for this simple example overkill. Like using db context is a major need. You can build you app in dozens of ways. Also i hate MVC overhead highway/

    • @justin23262
      @justin23262 9 місяців тому +1

      if you not noob, why you watch this video?

    • @amaanshaikh6868
      @amaanshaikh6868 8 місяців тому

      Bro ☠️ this video for noobs.

  • @Mediamahn
    @Mediamahn Рік тому +3

    Great tutorial, exactly what I was looking for, thank you!
    I'm 99% following, except I'm getting an '[Object object]" message after clicking the 'Add Notes' button, though everything in my code looks the same as yours. Any thoughts?

    • @fehler9293
      @fehler9293 9 місяців тому +1

      [Object object] comes if you try to print an object only, not the string.
      object test = new object();
      Console.WriteLine(test)

  • @dijistoreonline
    @dijistoreonline Рік тому

    Thank you sir, Great Tutorial!

  • @samdroid37
    @samdroid37 Рік тому

    very good tutorial

  • @Sameyo_Rei
    @Sameyo_Rei 7 місяців тому

    Please make a video tutorial about upload Exell file and save it into MS SQL for .NET Core Web API

  • @kushall3515
    @kushall3515 3 місяці тому

    Im getting an error at 19:17 , in the response body section, it says 'Internal server error, login failed'
    how do i correct this ?

  • @sahilapte7735
    @sahilapte7735 8 місяців тому

    Is it possible to use my sql workbench instead of sql server?

  • @saurabhchavan6229
    @saurabhchavan6229 Рік тому

    Thank you so much 😊❤

  • @sha.e.sengineeringsolution1205

    Thank you, well done
    How to implement white list server

  • @thedevmachine
    @thedevmachine 11 місяців тому +1

    How can you protect the API that it can only be accessed by the react app?

    • @irvingceron1016
      @irvingceron1016 10 місяців тому

      Jwt, there are plenty of ways to do this. Just depends on your situation.

  • @shaneanderson9933
    @shaneanderson9933 3 місяці тому

    Thanks, but I got all the way to the end and everything seems to work except for the deletion of notes. Everything with the Web API seems to work, so I think it's just the React app with the problem.

    • @shaneanderson9933
      @shaneanderson9933 3 місяці тому

      So close! Everything seems to work until I attempt to delete a note. Deleting works when using the Swagger test. But when I attempt a deletion using the React App Query String technique, it doesn't delete the note. I have pretty much the same code except for a few log statements. Any ideas what it could be?
      async deleteClick(id) {
      console.log("delete clicked: " + id);
      fetch(this.API_URL + "api/TodoApp/DeleteNotes?id="+id,{
      method: "DELETE",
      }).then(res => res.json())
      .then((result) => {
      console.log(result);
      this.refreshNotes();
      })
      }

    • @shaneanderson9933
      @shaneanderson9933 3 місяці тому

      I found the culprit - my mistake. In TodoAppController > DeleteNotes function I hadn't removed the 'FromForm' after copy/pasting from the AddNotes function. Anyway, it works now and I'm very happy. Great tute! 🏆

  • @reydelocon629
    @reydelocon629 8 місяців тому

    what version of react is this?

  • @valerizanguri
    @valerizanguri 3 місяці тому

    Tnxs

  • @kyong444
    @kyong444 6 місяців тому

    after I had to installed Install-package System.Data.SqlClient my control file with no error

  • @_MoshikoAz_
    @_MoshikoAz_ 9 місяців тому

    how do you deploy ?

  • @מתןכשר
    @מתןכשר Рік тому

    thanksss

  • @masbroshup
    @masbroshup Рік тому

    sir can you make edit button?

  • @F-m.a
    @F-m.a 6 місяців тому

    Where is the source code? This is very confusing. I can pay for the help.

  • @HindiCoderss
    @HindiCoderss 9 місяців тому

    plaese show the update method also

  • @graficandorealidades7561
    @graficandorealidades7561 2 місяці тому

    Why are you using class to create React components... bruh

  • @user-iy7vn2ml9s
    @user-iy7vn2ml9s 10 місяців тому

    Where the timestamp at ?

  • @noahweaver2019
    @noahweaver2019 6 місяців тому

    Great tutorial

  • @user-vu8qf6no2b
    @user-vu8qf6no2b 27 днів тому

    Awesome!!