Full Stack ReactJs Node Dashboard Web App | Prisma | PostgreSQL Part 1 смотреть онлайн

FULL Source Code UPDATED (09.10.2023): https://www.buymeacoffee.com/webdesigntutsyt/e/123213
OR https://ko-fi.com/s/e4392db99f
Support the Channel : https://www.buymeacoffee.com/webdesigntutsyt
OR https://ko-fi.com/webdesigntuts

*** Multiple Projects available ***
Contact me : [email protected]

Part 2: https://youtu.be/DkHcSEbkDto

Timestamp:
00:00 Showcase
05:02 Project Setup (Express , Vite , Docker , Prisma)
10:19 Auth API + Schema
23:50 React Setup + Styling
29:36 React-Router-Dom Protected Routes
35:03 React Query Custom Hooks
39:50 Theme Context
42:10 Login Page (Form Validation zod)
53:40 Register + Account Deletion API + UI
01:05:00 Playing with Routing
01:12:34 Axios Interceptor
01:15:00 Dashboard Navbar
01:25:50 App Layout (Inner Navbar)

Tech Stack : Vite (React) , Node (Express) , Prisma ORM , PostreSQL and lots of popular packages like React-Query , Zod , React-Router-Dom V6 , Axios and of course Docker.

I have developed a health dashboard application utilizing various technologies such as Docker, Vite, React, React Query, Prisma, Zod, Express.js (Node.js), and Sass for styling. This application offers a registration feature for both doctors and patients. Patients are allowed to upload their vital health measurements, including heart rate and temperature, and grant access to their data to their designated doctors. In addition, doctors with authorized access to specific patients can prescribe medication and add notes related to their patients' health.

This health dashboard application offers a formal and secure solution for doctors and patients to manage health-related data. Patients' sensitive data is only accessible to authorized doctors, ensuring patients' privacy and confidentiality. Doctors can access relevant information on their patients' vital health metrics and provide appropriate medical advice, prescriptions, and treatment recommendations. This application can help improve healthcare delivery by offering a streamlined and effective solution for managing health data.

More Videos:
Part 1: ReactJs Personal / Portofolio Website | Page Transitions & Carousel (Router , GraphQL)
⇒ https://youtu.be/-HtzhZXG-_c

Part 2 : ReactJs Personal / Portofolio Website | Page Transitions & Carousel (Router , GraphQL)
⇒ https://youtu.be/CRHfk-AYyW0

Part 1 : React Js Fullstack Real Estate Web application (React , GraphQL , Sass Modules Strapi)
⇒ https://youtu.be/CQeV-i6Dp84

Part 2 : React Js Fullstack Real Estate Web application (React , GraphQL , Sass Modules Strapi)
⇒ https://youtu.be/OqDYLrY4HWA

React Side Navbar Fully Responsive Step By Step (Dashboard Style) Using React Router | Sass ( With Source )
⇒ https://youtu.be/zSbYo4y1yfA

More Videos:
⚡ ReactJs Marketing Agency | Website (Next.js) | How to | Dark & Light Mode
⇒https://youtu.be/A8G7tReNHIo
-------------------------------------------------------------------------------------------------------------------------

? ReactJs Personal / Portofolio Website (Next.js) With Sass Modules
⇒https://youtu.be/yMwn--r402k
--------------------------------------------------------------------------------------------------------------------------

? ReactJs Restaurant Website Landing Page | Special Cuisines | Grid
⇒ https://youtu.be/M8Ajy7KCIog (Available both CRA and Next.Js Code)
--------------------------------------------------------------------------------------------------------------------------

?⚡ Full Stack
ReactJs Node Full Stack Expense Tracker App (Build & Deploy) With Postgres & Prisma
⇒ PART 1 : https://youtu.be/XERS3j3hx_8
⇒ PART 2 : https://youtu.be/tGv9q1YgWF0
⇒ PART 3 : https://youtu.be/KWj5IW_tDa8
⇒ PART 4 : https://youtu.be/pkXq9jvEZB4
⇒ FINAL : https://youtu.be/D3oKAmmtEZk

--------------------------------------------------------------------------------------------------------------------------
⭐ Part 1: ReactJs Personal / Portofolio Website | Page Transitions & Carousel (Router , GraphQL)
⇒ https://youtu.be/-HtzhZXG-_c

⭐ ⭐Part 2 : ReactJs Personal / Portofolio Website | Page Transitions & Carousel (Router , GraphQL)
⇒ https://youtu.be/CRHfk-AYyW0

⭐ Part 1 : React Js Fullstack Real Estate Web application (React , GraphQL , Sass Modules Strapi)
⇒ https://youtu.be/CQeV-i6Dp84

⭐⭐ Part 2 : React Js Fullstack Real Estate Web application (React , GraphQL , Sass Modules Strapi)
⇒ https://youtu.be/OqDYLrY4HWA

React Side Navbar Fully Responsive Step By Step (Dashboard Style) Using React Router | Sass ( With Source )
⇒ https://youtu.be/zSbYo4y1yfA