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

Подписаться 215 тыс.

Просмотров 43 тыс.

50% 1

Check Out Clerk: go.clerk.com/k...
In this video I show how to build a fullstack MERN finance tracker using Clerk.
Code: github.com/mac...
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/l...
🐙 GraphQL Course: codedamn.com/l...
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / pedro.fmachado_
Github: github.com/mac...
Business Email: pedro@pedrotech.co
🌟 Gear / Hardware I Use and Recommend 🌟
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 amzn.to/42kqFuM 💻 Monitor
🖱️amzn.to/3C0ZhHb 🖱️ Mouse
📷 amzn.to/3OHJvbM 📷 My Camera
🎤 amzn.to/3oxSthj 🎤 My Microphone
⌨️ amzn.to/3oFPpj1 ⌨️ My Microphone
⚡ amzn.to/3MYMnzM ⚡ LED Lights In the Background
Tags:
ReactJS Tutorial
ReactJS and MySQL
NodeJS Tutorial
API Tutorial
..........
♬ MUSIC ♬
Artist: tubebackr
Track: Chill With Me
@tubebackr
hypeddit.com/tubebackr/chillwithme-1
.............
#reactjs #coding

Опубликовано:

14 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 72

@PedroTechnologies 5 месяцев назад

Check Out Clerk: go.clerk.com/kA4ki4w

@mzafarr 5 месяцев назад

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

@PedroTechnologies 5 месяцев назад

I can do some of those. Not sure what though. Do you have any ideas for any aws vids?

@dirtysouth3291 5 месяцев назад

@@PedroTechnologies do you have an aws certificate or aws skills? If so, a cloud practitioner or even solutions architect tutorial with real world full stack examples (can be dummy apps) would be amazing. I would buy that course. But you can also just do a tutorial on how to do ci/cd pipelines

@PedroTechnologies 5 месяцев назад

@@dirtysouth3291 I don’t have a certificate, but i learned a lot when i worked for AWS. I also work for amazon/twitch rn, and we only use aws! I can defined make some videos like the ones you described :)

@dirtysouth3291 5 месяцев назад

@@PedroTechnologies damn, you really made it dude, happy for you! Yes, i'd love to see some dev ops content man, full stack knowledge alone doesnt give you a job in europe anymore...

@asustufa1515 4 месяца назад

@@PedroTechnologies yes please!

@potantirittisak8494 3 месяца назад

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_3 5 месяцев назад

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

@윤재희-m6k 5 месяцев назад

I will try this video next weekend! Thx Pedro

@vijaykoladara8302 5 месяцев назад

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? ❤😊

@PedroTechnologies 5 месяцев назад

Thankss!

@ayush.tandon 3 месяца назад

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?

@Tionne.w 3 месяца назад

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

@Noritoshi-r8m 5 месяцев назад

You rock man, what an amazing video.

@DallBelloCamila 5 месяцев назад

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

@PedroTechnologies 5 месяцев назад

Ofcc, thanks!

@mudassirdeveloper 5 месяцев назад

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

@witelfortgelin5377 5 месяцев назад

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

@MohammadAminKiaee-lb5me 5 месяцев назад

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

@bigboimoe 5 месяцев назад

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.

@prajwalshaw9217 2 месяца назад

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.

@manager-dd9li 3 месяца назад

how to host this on firebase hosting like what the change have to make can you make a video about like build something which has server and client and how can we host it on firebase .

@hwapyongedouard 5 месяцев назад

is it possible to make money deduction automatically, without manually adding deduction amount ?

@PedroTechnologies 5 месяцев назад

Yes!! U could add another field in the interface called isExpense. Make that a bool. Then add a new column in the table showing if its an expense or income. Then depending on which you can subtract or add from the code itself :) I should've done that lol

@Anime_Odyssey1112 2 месяца назад

Is it okay if i add this project in resume? will it be valuable?

@soumyajitmandal3503 5 месяцев назад

Can you bring Microservices fullstack project video using grpc,graphql Project Idea-Airline Ticket Booking System

@rizwgn 5 месяцев назад

Amazing project! How do I deploy this application or what video can I watch to support this?

@paul4137 5 месяцев назад

Did You deploy it by now? I too have problems with doing :/

@VenugopalaSwamy-fb3se 4 месяца назад

it it possible to connect it to our payment apps and get expense , without manually adding?

@mdsafikulislam9113 5 месяцев назад

Why Clerk instead of JWT?

@regilearn2138 5 месяцев назад

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

@amine-ayedi Месяц назад

why you choose typscript insted of javascript in react components?

@-MBET--tv8sm 5 месяцев назад

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 5 месяцев назад

Bring some NextJS + Typescript project ( intermediate level)

@ayushgaming2629 21 день назад

hello .. does this project include any paid service ??

@MaybeTarun 3 месяца назад

can u make a video on how to host it on vercel or something I tried on my own but couldnt

@anosdemon4276 2 месяца назад

Did you completed in one go or did you face any error

@MaybeTarun 2 месяца назад

@@anosdemon4276 had an error but it was my fault only, still couldn't host though

@muhsinabbas1181 5 месяцев назад

are you think about react native

@PedroTechnologies 5 месяцев назад

Crazily enough I am currently some what of a swift developer lol I haven't touched react native in like 3 years, Im not sure how good of a tutorial i would be able to make. I am liking swift :)

@bilal5488 5 месяцев назад

Bring one video about authentication system like 2 token base authentication

@AshishKumarMishra-e6p 2 месяца назад

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

@codewithbishal895 5 месяцев назад

Why can't we use graphQL?

@PedroTechnologies 5 месяцев назад

You can :)

@july9566 4 месяца назад

Hello how do you restart your mongo db server.?

@kartikmehta7393 2 месяца назад

ser please make more this kind of MERN video

@gatts6727 5 месяцев назад

Tks, great stuff!

@hoff_mann 5 месяцев назад

bom dia, great content !

@cutie8842 Месяц назад

how to deploy finance tracker

@vezcu2000 Месяц назад

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."

@prajwalshaw9217 3 месяца назад

Hey pedro can you plz make a video on how to deploy this project on netlify for free. I don't know much about deployment.