Build a Full Stack Invoice App Using React, Typescript, Tailwind Css, and Next Js
In this video, we will build a tak manager app using react, typescript and shadcn UI for components. Plus, we will learn how to use Zustand for state management, and tailwind CSS to style our app.
👉 Source Code: https://ko-fi.com/s/c69a57e15e
👉 Live Project: https://invo-pro-part-2.vercel.app/
👉 Source code of all my projects: https://ko-fi.com/devscript/shopLive
👉 Check out our reusable components: https://boltstack.dev
-------------------
Watch Full Stack Job Board tutorial:
👉 • Build Full Stack Job Board App Using React...
Watch Full Stack AI Content Generator tutorial:
👉 • Full Stack AI Content Generator Saas with ...
-------------------
Chapters:
00:00:00 Demo of the project
00:06:42 Setting up the project using boltstack.dev
00:13:39 Updating the nav bar section in the landing page
00:18:33 Adding the feature section in the landing page
00:22:52 Updating the data in the feature section in the landing page
00:25:32 Updating and adding testimonials and the CTA
00:33:48 Adding the footer section
00:37:27 Adding and customizing the dashboard navbar
00:45:52 Adding the payment overview header with the date picker
00:51:33 Adding the statistics cards
00:57:50 Adding mock data and some utility functions
01:04:06 Adding the invoice tabs table in the dashboard page
01:10:15 Adding the form invoice form
01:14:36 Adding the full tables to show all the invoices
#ReactJS #TypeScript #TailwindCSS #CodingTutorial #WebDevelopment #FrontendDevelopment #BackendDevelopment #ResponsiveDesign #WebAppDevelopment #DevCommunity #CodeWithMe #LearnToCode #developerlife