MERN Finance Tracker App with User Management - Build A Fullstack React Intermediate Project

In this video I show how to build a fullstack MERN finance tracker using Clerk.

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

🌟 Gear / Hardware I Use and Recommend 🌟
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial

..........
♬ MUSIC ♬
Artist: tubebackr
Track: Chill With Me
@tubebackr
.............

#reactjs #coding

[mzafarr]

Hi Pedro, I really like your videos, kindly start making backend heavy/only videos (complex backends, aws deployment, CI/CD, etc). Thanks!!

[potantirittisak]

Thank you! Please do more of these MERN full stack videos around 2-3 hours are perfect 👍
Could go over different types of web apps e.g. e-commerce, CRM, etc.
Cut all the css out, just focus on functionality 👌

[Kang_]

this is a sign to learn Node and express from Pedro again

[nfwwiqg]

I will try this video next weekend! Thx Pedro

[imyqruw]

OMG best tutorial ever. Thank you Pedro!!! Can I get a heart?

[vijaykoladara]

Hi Pedro in your video description you made a mistake. I mean you forget to type Keyboard instead of Microphone. Please check your written microphone two times. The second one should be keyboard right.

So please check that and improve that. Thanks

Can I get Heart? ❤😊

[Tionne.w]

Loved This video as im growing my React skills and Fullstack apps, I would love more video where we learn how to build and deploy to share links on socials. Thank you

[MohammadAminKiaee-lbme]

This guy is the best, thanks you for the great video

[amine-ayedi]

why you choose typscript insted of javascript in react components?

[ayush.tandon]

hey pedro! you taught this very well. however, most of us are facing issues regarding deployment as axios is hard to implement here. Can you please make a video for the same?

[bigboimoe]

Using .env in typescript is impossible lol I spent an hour trying to do it on my server src but faces so many different errors from trying to edit my tsconfig or using dotenv library which gave me null errors.

[-MBET--tvsm]

hey, i know it sounds stupid but i have never deployed any mern app that uses tsc or typescript and i am having errors while hosting the backend so can you make a tutorial please?

[codewithnadeem]

Bring some NextJS + Typescript project ( intermediate level)

[mudassirdeveloper]

Pedro Great job Actually i was looking for project but can you guide me best framework for react which is easy to manage and auth

[witelfortgelin]

Hello Pedro!
Can you make a billing system for us pls?
This billing system we will have tree users part: 1- Admin 2- Subadmin 3- Seller.
Where only seller will can create bill, seller will be on dependence of subadmin( each subadmin will have his seller staff) and subadmin will be on dependence of Admin

[kartikmehta]

ser please make more this kind of MERN video

[regilearn]

appreciate you for this for your next project please use redux and tanstack query and tables models and advanced filters and prisma etc with typescripts

[prajwalshaw]

Hey Pedro a small request from my side. I deployed my backend on render and frontend on netlify. When I pasted the url on browser only the dashboard page is getting visible(rendered)...but the page containe signIn/signUp of clerk authentication is not getting rendered. It shows that url does not exist. I can't seem to figure out the reason why?....plz make a video of it's frontend deployment on netlify. Many of us are facing problem in deploying the frontend specifically as the auth page is not getting rendered. Thanks for the awesome tutorial though.

[AshishKumarMishra-ep]

i am facing an issue:
Uncaught Error: Missing Publishable Key
at main.tsx:10:9

[vezcu]

How to fix this error when trying to add entry to the form?

{
"errors": {
"userId": {
"name": "ValidatorError",
"message": "Path `userId` is required.",
"properties": {
"message": "Path `userId` is required.",
"type": "required",
"path": "userId",
"value": ""
},
"kind": "required",
"path": "userId",
"value": ""
}
},
"_message": "FinancialRecord validation failed",
"name": "ValidationError",
"message": "FinancialRecord validation failed: userId: Path `userId` is required."