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

[@EdRohDev]

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.

[@Ibrahim-fh6kv]

Do i need to have ML knowledge?

[@mubasharwarriach7216]

Can u share ur discord channel

[@goldenmonkey9085]

Is NEXT 13 good for build Dashboard application?

[@jasonbrody539]

i do have a concern. please update your application where user can add there own data with the application with upload button. and also create login signup page for user and admin where user can check the data but admin can keep track of data and store in backend. add this feature to make more dynamic and user interactive rather keeping it open.

[@CuteFunnyVideos20]

What I really like about this guy is the extra effort he puts in explaining things.

[@47debonair]

Totally true!! Excellent teacher

[@Dsandles47]

Whenever I see anything new from Ed Roh, I click without even reading-that’s how good his stuff is.

[@vancouverrrr]

its Ed Roh put some respect on his name buddy

[@Dsandles47]

@@vancouverrrr lmao spell check caught me lackin’

[@obbybobson]

agree! incredible value !

[@47debonair]

This review/comment made me take the tutorial!! Cheers

[@hansdotdev]

This is to much man, thanks Ed... wanted to do a side project for my last semester and this is it, it's like a resume of all my career but in a 5 hours video in the perfect way it's explained, this channel deserves more love, thanks.

[@cuongnguyenchi5097]

I also think like you

[@rawmaterial177]

me too @@cuongnguyenchi5097

[@Sehnaaz-vf7md]

Have you completed the project???

[@kimbareebajoshua9298]

Hey EdRoh, thanks for sharing such great content. At 2:46:32 , about the responsiveness, I added overflow:"hidden" to the DashboardBox component and it fixed the issue. Hope this can be helpful. Thanks again.

[@yashvikhimani7909]

how to run this project from git to vscode with database can you give step by step process?

[@NewsTrendInsightsReal]

I really learn a lot, from struggle to using typescript, now realize little thing I skip when try to learn typescript from basic Great tutorial

[@srinathkumar1452]

Damn! You're an excellent teacher. Love your candid approach of explaining concepts. You're the real MVP.

[@juhaniGran4t]

hey EdRoh definitely you are building my confidence towards becoming fullstack engineer there are other channels where people its simply jealous to share knowledge, not your case, thanks for helping us grow up in this career

[@WebDevMania1]

I was wondering why your code looks so advanced, then I was you are a tech lead 😆. Love you EdRoh

[@omri2430]

using our theme settings 30:11 setting router 33:45 creating the navbar 43:28

[@rayusaki88]

Thank you so much EdRoh! Learn loads from your tuts 🙏🏻🙏🏻

[@elva329]

Your tutorial is great, I am learning it now, thank you. Just one question, the setup steps of connecting to Mongoose has a deprecated warning when running the project, it suggested using MongoClient when connecting to the database. After changing to use the MongoClient, the API wouldn't call. I am not sure if I was the only one who encountered this issue. I am using Node 18 and other dependencies are all using the lasted versions.

[@dentistt248]

I had the same issue, how did you fix it?

[@MarioTrazzi]

Whenever I see anything new from Ed Roh, I click without even reading-that’s how good his stuff is.²

[@josephbonheur3053]

Professionalism and creativity in the projects this man teaches make his videos unique on KZbin. Thankyou EdRoh

[@nandanb305]

Thank you @EdRoh. I have started learing to build react projects by following your videos.

[@EdRohDev]

thanks

[@woodeater.beaver]

Thank you so much sir! This was the main reference for our capstone project and it just feels wrong to not show appreciation even in the least possible way. So I wish a great life ahead of you and God bless you more!!!

[@Marian-yv4qu]

I think Material UI is the problem for intellisense. When I use in small or large projects vs code works laggy. Great tutorial btw ! 😀

[@atunaisawaqa9794]

Edroh, you rock dude. Really learn a lot from you. May God Bless You !! 🙂

[@niteshprajapat.d3v]

Top-notch project🔥 Love to see such amazing projects

[@dalestewart]

Once again, another professional tutorial.👍

[@naxtech__react7738]

Thanks a lot man this content is more than the paid content in Udemy ❤

[@EdRohDev]

thank you!

[@marshallalkarim5385]

@@EdRohDev We mean it..

[@askeralshanbayev6226]

All is so professional. Please more dashboard apps! :)

[@sudhaapple2098]

Hi Ed...could you please let me know how did u prepare that mock data...manually its very tedious, i am asking to know the source for other development mock data

[@hellochenyu]

Same here! Would love to know the answer to this question. Thanks, Ed, for sharing this fantastic vid!

[@gbtech8602]

EdRoh, Thanks again for this amazing project, could you do one project for React native?

[@techgirlie777]

Hello, can you explain why KPI performance routes, transaction routes, and products routes were needed in this project? Thanks!

[@dineshmadhav6878]

bring more machine learning related projects they are interesting please..

[@mohdali-yq8gq]

Awesome dashboard which is really looking professional and great efforts to integrate it with the backend data which is another great feature. Such great examples are very, very rare on the KZbin platform. Mr. EdRoh has only used the very updated and great tools in developing the subjected dashboard. It will really help immensely to the serious learners and new commers as well. At last I humbly request you to incorporate in the dashboard the following 1. Dropdowns to select some specific categories 2. Date picker to choose any specific date 3. Clickable chart to show the relevant data of the chart and also the dropdown to show the different kinds of chart of the selected chart. again, seriously appreciate your great efforts to post such a wonderful Dashboard on the KZbin Channel

[@cubedev4838]

Amazing!! I believe your channel will hit 1M subs soon if u consistently make this quality kind of video...

[@claytonvanderhaar3772]

Hi Ed this is one of the best tutorials out there, explained perfectly and so much detail

[@siboruremarc]

Thank you are so generous for this free course and source code

[@EdRohDev]

thanks

[@andrewbateman2282]

Thanks for doing this video, very well put together with a lot of content. I learnt a lot.

[@mrFighter924]

Most quality and best approach, learning, practice, production on youtube. Thank you EdRoh!

[@accesoyaong]

hey thanks for this tutorial it's super cool! One question: what is the use or which benefits are we getting from passing this two options: - useNewUrlParser: true, - useUnifiedTopology: true when we connect to mongoose?

[@chimenemokandu3791]

This is really amazing ✨️ Thanks for all you do

[@williamrobersone3582]

@EdRohDev Good content Ed. I have a question, what should I do about this error: TypeError: Undefined type `Map` at `expensesByCategory`? It occurs for me at 2:17:07...I'm not able to view the array data in the console.

[@harshavardhanpatekar5697]

Hi i have the same error. Have you resolved it??

[@shreyanshishrivastava8964]

Same

[@FahadKiani1]

Thanks EdRoh - would love to see some more JS and ML projects

[@allfashionscience8968]

Hey Edroh Waiting For video calling App I hope you will make A video on that soon ❤

[@indiancuriousvoice8773]

Vite has a little bug when taking multiple onchange event by using a onchange handler function. Bugs is the first character is not printed in input.

[@pasindudeshanwijesirigunaw1726]

best learning stuff. love your teaching way and content❤

[@isidroleonyork2157]

@EdRoh, great tutorial. Awesome explanation of setup and logical process. Thanks. I am having a problem with dependency conflicts when installing the mongoose-currency package? any ideas?

[@byc090020]

Thank you for all this free education! Appreciate all your hard work

[@EdRohDev]

thank you

[@nizhanttiw8679]

why when I console log data it says undefined while it is fetching data on Mongodb collection without any problem but when console logging it it says undefined?? please help it is urgent.

[@shreyanshishrivastava8964]

Same

[@caylabradley9985]

I keep getting this error Row1.tsx:16 Uncaught TypeError: Cannot read properties of undefined (reading 'monthlyData') I can't figure out why it is coming back undefined

[@junhan.content]

You might have accidentally removed monthlyData property from data/data.js First, does your data exist in const { data } = useGetKpisQuery();?

[@yashvardhansingh7349]

did you figured it out?

[@shreyanshishrivastava8964]

​@@junhan.content no getting undefined... Please tell the solution if u know 🤡

[@saifkhan-ip6cr]

@Edroh there is no login page???

[@SaptarshiMajumdar]

Really loved this video. Looking forward to using Recharts in some of my future projects. PS: Is there a way to publish this on vercel instead?

[@OnlyJavascript]

Could you please provide a production-grade TypeScript version of a MERN user management system using Prisma ORM? The system should include features such as user registration, account verification, login functionality, two-factor authentication (2FA), password recovery/reset using Nodemailer, role-based access control (RBAC) where an admin can manage users, including the ability to ban/unban them. Additionally, the system should utilize http-only cookies, access tokens, and refresh tokens. The frontend should be implemented with Redux Toolkit and include an interceptor. It would be great to see how an experienced developer like you would approach building this. Thanks in advance!

[@_jeff.medeiros]

Cade os brasileiros kkkkkkkk o cara usando o ícone do pix mt bom kkkkkkkkkk Nice tutorial man, loved it!

[@randerins]

Nem reparei kkkkkkk

[@FrancoTr20]

Amazing content mate, thanks for sharing

[@EdRohDev]

thanks

[@SiyuanChen-s3n]

Thanks for the great course! Why does the dashboard cannot display data?

[@StephenHKim]

were you able to figure this out?

[@nurafya24]

Ed Roh the GOAT and a blessing

[@midhundc7946]

Can I start this project without any knowledge of node and react ?

[@mzfitness5533]

Does anyone know how he seeded data for two schemas that related to each other? Transactions and Products? I'm confused how you seed those if they both relate to each other

[@eugenem529]

I was wondering what I am going to do this evening… Well, I wonder no more!

[@fullstackoverload7859]

What is the difference between a container and a scene in react.js. I;m used to a folder structure that uses components and containers

[@eshw23]

Ed please make a social media app tutorial with Nextjs app router, tailwind, typescript, mongo, prisma, etc please please please your explanations are the best and i want to learn that stack

[@techgyanwithmaan5980]

Please make a tutorial on a full stack chat app with mern Love your videos

[@johnsitjar4521]

Good day sir,may I ask if you have a full tutorial for a fullstack that uses typscript,react and node js with an mvc approach.thanks and Godbless.

[@juhaniGran4t]

you will make tons of money if become an educator and have your online educational institute, thats for sure

[@ManOnAMission18]

Can anyone please help me the project is working fine just the data pulling is not taking place it is showing error undefined.

[@shreyanshishrivastava8964]

Same

[@ManOnAMission18]

@@shreyanshishrivastava8964 actually got my solution if your problem still persist you can tell I can look into it

[@ManOnAMission18]

@@shreyanshishrivastava8964 mine actually got solved so if you want are still facing problem let me know

[@ManOnAMission18]

@@shreyanshishrivastava8964 is your problem solved!? Mine was so could assist you with the same.

[@Atzee]

Hey please tell how u fixed it​@@ManOnAMission18

[@alexdabruh]

great video! Will you do a video in nextjs and flutter in the future?

[@michaelmaher4317]

Ed, you are out of this World 😍

[@margotonik]

Hi Ed!! I really like this project I want to do it but I haven't work with anaconda at all, I see you have it in your terminal anaconda3. Is it necessary ? I saw in the description of what we are going to use to build the project is not listed that’s why I am a little confused. Hope you can help me. Thank you so much! This project really have everything I need to show future recruiters what I've learned with a very nice visualization.

[@leinah3671]

can I add my own expenses, incomes, & transaction on this app?

[@khandoor7228]

Amazing Ed, Great job!

[@EdRohDev]

thank you

[@joelprince963]

@EdRohDev, thanks for the awesome tutorial. Can you pls include a session as a continuation to this video that includes login/log out and validation using Auth0 or JWT along with some testing using jest. Looking forward to hearing from you soon. Thanks :)

[@Ikigai_adventures]

Thanks for such a amazing content, I hope you are feeling much better now.

[@EdRohDev]

definitely am. Thanks for the wishes

[@programmer545]

are you planning to bring another amazing MERN stack project for us? please we are waiting eagerly❣❣

[@bulutsatan8058]

finance app is what I needed

[@MrAlam-i9w]

great works again......thanks a lot Ed

[@ChristopheKowarski]

Excellent content, thank you for your work...

[@codingconcepts-js]

Accounts management app like Quick books , Peach tree is not available on entire youtube... can you plz bring a project like this...

[@mihaelacostea5783]

Hey, how advanced is this tutorial? If you know the basics of JS, Express and Node, can you do it?

[@prajulsahu9838]

I tried to build the charts, followed your instructions, but somehow on fullscreen, height of charts gets increased automatically and it just increases.

[@randerins]

My line charts are not even showing up at all. Even when I clone the project. Are you having issues with that too?

[@junhan.content]

Wow, exact same issue. I fixed this, check out my comment.

[@getupandstayup]

you mightve copied the charts outside of the container

[@meditationalmusic610]

Same issue bro! You found the solution? if so, please share

[@mysunshine3386]

same ...how did you solve this

[@TheSmashten]

there is an error with your code at 2:01:43. the data in row1.tsx is showing up as undefined, even though it is inside the mongodb database...

[@lumtv-g7r]

Same problem

[@FahadKiani1]

same - were you able to solve it?

[@sophiethescarecrow]

Were you able to solve?

[@sophiethescarecrow]

@@lumtv-g7r Were you able to solve?

[@sophiethescarecrow]

@@FahadKiani1 Were you able to solve?

[@yashvikhimani7909]

how to run this project from git to vscode with database can you give step by step process?

[@DigitalEchoVibe]

you are amazing, thank you for creating this

[@davidpopescu9258]

Hi Ed, sorry for bothering. It's been some time since you have uploaded this video, currently wanting to rewrite it, but I get the port error: Error: listen EADDRINUSE: address already in use ::: 1337.Not sure, how did you fix it here: 1:51:50 ? Thanks! :)

[@muradiyeorun3294]

another video? you are amazing

[@bekirkarabulut7960]

Love watching!

[@rajdipbiswas388]

Can I make it with dajango for backend instead nodejs?

[@agustiinalonso1]

Hello, very good work, one question, when I install mongoose and mongoose-currency, only version 4 of mongoose is compatible, which is not compatible with mongo DB atlas.

[@nicholas6406]

You can go into the dependencies and change it to a more current version so that the install can still go through

[@xiaoruizheng7776]

great content as always !

[@alejandromartinezramirez3312]

Amazing projects, do you have any course of Material UI from scratch?

[@vrfEducationEnglish]

super super cool man. thanks

[@rugucloud]

more vite project, please~

[@stefanmilicic1313]

Typescript! Thanks

[@digitnomad]

thanks for sharing, but why not nextjs Ed?

[@uchennaofor1916]

Hi Ed Roh, for starters, thank you for this gift. Means a lot, honestly. I've been coding along and everything has been fine and great, encountered a few bumps due to package version clashes, that has been dealt with, but I'm currently stuck at trying to fetch the Products data to log onto the console. Precisely at [03:19:31] on the video above. It says there's a PARSING ERROR.. Please any tips to solve it would be helpful. Thanks

[@carlooo00s]

weekend project ty ty

[@nanojoel]

Very interesting video is there a way to make apps without learning code?

[@ron2344-f2f]

will this work if i have some other data ??? i want to do similar project so i want some help, in my project the application should work when i upload a csv file of a company and it should show this kind of dashbord but i dont know how that will work

[@frankwang7843]

your web design taste is good, did you speed time to learn UI design?

[@joshuaskaplan]

Can I change it from finance to other tracking like health etc

[@Hacking-NASSA-with-HTML]

Thank you so much sir 🤝

[@yusuftuncay6742]

Another video so soon amazing

[@VongoSanD]

I don't understand why you don't use typescript in the server. Less fun =/

[@subhrajeetpradhan925]

I have one question... In the process of building the website. Is every thing is free?

[@rayylang]

Returning data as "undefined" after I set up the api, RTK query, MonogoDb, server. All the env variables are correct but it's returning the index.html instead of the json from MongoDB

[@FahadKiani1]

getting the same - how did you solve this?

[@sophiethescarecrow]

Were you able to solve?

[@MAbhinavBolla]

@@FahadKiani1 how did u solve it brother

[@shreyanshishrivastava8964]

Same.did u solve it?

[@samiranroyy1700]

Prerequisite for building this project!??? Coz i only know mern technologies

[@Rikimkigsck]

Thank you so much for this video. But I wish you used next.js and tailwind

[@mysunshine3386]

hi have you completed the project? I'm having an issue while connecting to mongodb ..."invalid mongodb uri" can you please help me please

[@Rikimkigsck]

@@mysunshine3386 I am sorry i didn't but I encountered that issue in my other project before. The solution was so simple yet I spent so much time trying to solve it. Unfortunately I can't remember how I solved that problem. Lmao I remember now I put the username and password wrong. Make sure to write those correct

[@Rikimkigsck]

@@mysunshine3386 when you write your password delete part as well google deleted my other comment because I copy pasted mongo db's code to illustrate you. Here "mongodb+srv://myproject:" remove '' completely