Build A MERN Finance Dashboard App | Machine Learning, Typescript, React, Node, MUI, Deployment

Поделиться
HTML-код
  • Опубликовано: 2 июн 2024
  • To try everything Brilliant has to offer-free-for a full 30 days, visit brilliant.org/EdRoh/.
    The first 200 of you will get 20% off Brilliant’s annual premium subscription.
    Build a MERN Finance Dashboard App that has Machine Learning Predictions. The frontend will consist of Vite for our starter application, Redux Toolkit for state management, Material UI for our component library, and Recharts for our Charts. For the backend we will be using Node Js as our runtime, Express Js as our backend framework, and MongoDB for our database.
    Links:
    node: nodejs.org/en/download/
    npx: www.npmjs.com/package/npx
    vscode: code.visualstudio.com/download
    nodemon: github.com/remy/nodemon
    vite: vitejs.dev/guide/
    react router: reactrouter.com/en/v6.3.0/get...
    react dropzone: github.com/react-dropzone/rea...
    redux toolkit: redux-toolkit.js.org/introduc...
    redux toolkit query: redux-toolkit.js.org/rtk-quer...
    regression: github.com/tom-alexander/regr...
    mui: mui.com/material-ui/getting-s...
    mui data grid: mui.com/x/api/data-grid/data-...
    recharts: recharts.org/en-US/
    flexbox guide: css-tricks.com/snippets/css/a...
    css grid cheatsheet: grid.malven.co/
    data model diagram: lucid.app/lucidchart/23d63d3a...)
    redux dev tools: chrome.google.com/webstore/de...
    pesticide extension: chrome.google.com/webstore/de...
    fly io node: fly.io/docs/languages-and-fra...
    vercel: vercel.com/
    docker: www.docker.com/products/docke...
    Completed Code:
    github: github.com/ed-roh/finance-app
    github theme: github.com/ed-roh/finance-app...
    github data: github.com/ed-roh/finance-app...
    Chapters:
    0:00 Build a Complete Finance App Dashboard that has ML Predictions
    5:20 Basic and Frontend Installations
    20:33 MUI Configurations and Themes
    33:50 React Router and Navigation
    59:00 Dashboard Layout
    1:30:05 Redux Toolkit Setup and Configuration
    1:39:40 Backend Installations
    1:45:40 MongoDB Installation and Setup
    1:54:08 Data Modeling
    1:57:00 Key Performance Indicators Route
    2:18:43 Recharts and Key Performance Indicators UI
    3:03:37 Products UI and API
    3:46:52 Transactions UI and API
    4:37:20 Predictions and Machine Learning
    5:10:18 Deployment of Application
    5:22:21 Fully Complete Finance Machine Learning AI App Dashboard
    This video was sponsored by Brilliant.
    -----------
    Subscribe to my channel: / @edrohdev for more web development and web 3.0 blockchain tutorials!
    My NEW Discord: / discord
    -----------
    Who is EdRoh? I'm a lead engineer for a publicly traded company and have been developing for a decade now.
  • НаукаНаука

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