React Animated Admin Dashboard And Login Page Tutorial | Responsive React Admin Panel UI Design

Поделиться
HTML-код
  • Опубликовано: 13 июн 2024
  • Welcome back friends. In this video, we are going to Build an Animated Admin Dashboard And Login Page using ReactJS.
    Don't forget to click the like button and share the video with your friends if you found the video useful.
    Please support me by LIKE, SHARE and SUBSCRIBE, thank you!
    ---- CONTACT
    Facebook: / trananh2001
    Github: github.com/trananhtuat
    ---- SOURCE CODE
    github.com/trananhtuat/react-...
    ---- RESOURCE
    Create React App: create-react-app.dev/
    Material UI: mui.com/
    React Router: reactrouter.com/
    React Chart JS: react-chartjs-2.js.org/
    Images: www.freepik.com/
    Images: free3dicon.com/
    ---- TIMESTAMP
    00:00 - Demo
    00:43 - Setup Project
    02:51 - Add folders
    03:51 - Config assets
    05:05 - Make layout
    06:29 - Config router
    09:39 - Login page
    27:05 - Sidebar
    39:20 - Dashboard page
    39:39 - Summary blocks
    41:20 - Custom Paper component
    42:25 - Continue summary blocks
    46:03 - Circle process card
    51:51 - Latest booking card
    56:13 - Card with mini line chart
    01:04:29 - Card with Progress bar
    01:07:55 - Bar chart
    ---- MORE AWESOME VIDEOS
    / tuattrananh
    ----------------------------------------------------------------------------------
    #tuattrananh #HTML #CSS #JavaScript #React #ReactJS #JavaScript #JS #Ecommerce #slider #responsive #Darkmode #landingpage #landing #Redux #reactredux #reacthook #reacthooks #hooks #router #reactrouter #reactrouterdom #swiperjs #swiperreact #swiper

Комментарии • 23

  • @TeamgmOnline
    @TeamgmOnline 9 месяцев назад

    หายไปนานเลยนะคะ . คอยติดตามอยู่ค่ะ 😊

  • @rugucloud
    @rugucloud 9 месяцев назад

    your system design is excellent, better than other yt, make other fullstack please!

  • @fadethuong
    @fadethuong 9 месяцев назад

    Lâu rồi mới lại thấy anh ra video :( biết là anh bận nhưng hy vọng sẽ có thêm những video mới từ anh hơn, respect and s/o vì những gì anh chia sẻ.

  • @aogunnaike
    @aogunnaike 9 месяцев назад

    Thanks 👍

  • @NhiNguyen-nk1tl
    @NhiNguyen-nk1tl 3 месяца назад

    sếp tui xứng đáng 10 điểm lunnn

  • @madhurmasih3475
    @madhurmasih3475 9 месяцев назад

    hi Tuat, your code is really superb but these codings are in older version. Do you have new version react Login-Dashboard using tailwind video

  • @madhurmasih3475
    @madhurmasih3475 9 месяцев назад

    in Mainlayout.jsx - Const sidebarWidth not fetching inside the function ... please check once

  • @Raiden-ph1tb
    @Raiden-ph1tb 9 месяцев назад

    POSTA MAIS VÍDEOS ❤❤ #BRASIL

  • @madhurmasih3475
    @madhurmasih3475 9 месяцев назад

    also inline property of Box like display, component, sx are unhighlited in my system

  • @manhhungtran1558
    @manhhungtran1558 9 месяцев назад

    Làm project kết hợp typescript đi anh

  • @abhishekmishra9841
    @abhishekmishra9841 9 месяцев назад +1

    like master > edit , create , delete , update like this please

  • @HuyNguyen-bh2fz
    @HuyNguyen-bh2fz 9 месяцев назад

    a có thiết kế bên figma hay có chạy demo web ko vậy a, nếu có cho e xin vs ạ

  • @Raiden-ph1tb
    @Raiden-ph1tb 9 месяцев назад

    CHEGOU AO BRASIL SEU VÍDEO, PODERIA CRIAR UM VÍDEO PARA A PESSOA CADASTRAR O PRODUTO DELA, TER ACESSO AO PAINEL ADMIN DELA MESMO, E EU COMO DONO DO SITE TER O MEU?

    • @tuattrananh
      @tuattrananh  9 месяцев назад +1

      I will try. Thank you for watchinh my video

  • @block_hacks
    @block_hacks 8 месяцев назад

    anh oi, khi nao new video?

  • @abhishekmishra9841
    @abhishekmishra9841 9 месяцев назад

    sir please create multiple menu sidebar drop down please 🙏

    • @tuattrananh
      @tuattrananh  9 месяцев назад

      here is video about react sidebar with dropdown ruclips.net/video/XwnZLgIfIvg/видео.htmlsi=H9VD3W1SNB67uzBZ

    • @abhishekmishra9841
      @abhishekmishra9841 9 месяцев назад

      sir please create something Full stack project plz

  • @Raiden-ph1tb
    @Raiden-ph1tb 9 месяцев назад

    CRIA POR FAVOR UM SITE RESPONSIVO PARA SORTEIOS ONLINE DE PRODUTOS COM LOGIN E PAINEL ADMIN 😳❤️❤️❤️❤️