Build and deploy a complete Full Stack Inventory Management Dashboard application using Nextjs, Redux, Node and AWS. This tutorial provides a step-by-step guide to building a full-stack inventory management dashboard using Next.js for the frontend, styled with Tailwind CSS, and using Material UI Data Grid for complex data processing. State management is streamlined with Redux Toolkit, complemented by Redux Toolkit Query for data retrieval.

The backend is powered by Node.js, using Prisma as the ORM to facilitate database interactions. We dive deep into AWS and explain the basics for beginners, including installation, cost management, and networking fundamentals. Detailed guides are provided for deploying and integrating AWS services such as RDS for database management, EC2 for compute, API Gateway for creating robust APIs, Amplify for frontend deployment, and S3 for storage solutions.

Intended for developers looking to deploy robust, scalable applications using AWS, this comprehensive guide provides clear insights into the role and design of each service within the project.

Left backend:
Node – https://nodejs.org/en
Vscode Studio – https://code.visualstudio.com/
Postgres Download – https://www.postgresql.org/download/
PgAdmin Download – https://www.pgadmin.org/download/
Prisma docs – https://www.prisma.io/docs/getting-started/quickstart
Prism types – https://www.prisma.io/docs/orm/reference/prisma-schema-reference#model-fields
Download Postman – https://www.postman.com/downloads/

Links AWS:
AWS – https://aws.amazon.com/
AWS cli – https://docs.aws.amazon.com/cli/latest/userguide/cli-chap-welcome.html
AWS Billing – https://us-east-1.console.aws.amazon.com/costmanagement/home?region=us-east-2#
AWS Free Tier – https://aws.amazon.com/free/?all-free-tier
AWS ipv4 new charges – https://aws.amazon.com/blogs/aws/new-aws-public-ipv4-address-charge-public-ip-insights/
AWS ipv4 free tier – https://aws.amazon.com/about-aws/whats-new/2024/02/aws-free-tier-750-hours-free-public-ipv4-addresses/

Left front end:
Nextjs – https://nextjs.org/docs/getting-started/installation
Redux Toolkit with Nextjs – https://redux-toolkit.js.org/usage/nextjs
Redux Toolkit query – https://redux-toolkit.js.org/rtk-query/overview
Nextjs and context providers – https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#using-context-providers
Tailwind – https://tailwindcss.com/docs/configuration
Recarts – https://recarts.org/en-US/api
MUI – https://mui.com/x/react-data-grid/

Code:
completed code – https://github.com/ed-roh/inventory-management/tree/master
image files (for download) – https://github.com/ed-roh/inventory-management/tree/master/server/assets
tailwind.config.ts (to copy) – https://github.com/ed-roh/inventory-management/blob/master/client/tailwind.config.ts
redux store file (to copy) – https://github.com/ed-roh/inventory-management/blob/master/client/src/app/redux.tsx
Seed files (to copy) – https://github.com/ed-roh/inventory-management/blob/master/server/prisma/seed.ts
seed data files (for download) – https://github.com/ed-roh/inventory-management/tree/master/server/prisma/seedData
data model diagram – https://drawsql.app/teams/team-3023/diagrams/56-inventorymanagement
prism schema file – https://github.com/ed-roh/inventory-management/blob/master/server/prisma/schema.prisma
aws commands – https://github.com/ed-roh/inventory-management/blob/master/server/aws-ec2-instructions.md

Chapters:
0:00 introduction
3:37 basic installations
3:52 nextjs and package installations
19:53 navigation bar and sidebar
50:24 redux installs
1:29:18 data modeling
1:36:18 local database installations
1:58:16 backend and package installations
2:07:50 dashboard page
3:57:23 products page
4:05:44 inventory page
4:53:55 user page
5:00:36 settings page
5:12:42 expense page
5:43:29 aws intro
5:48:00 billing
5:53:57 great networking
6:09:54 aws ec2
6:29:34 am
6:44:44 aws strengthen
6:52:46 aws3
7:03:54 exit

Please take the opportunity to connect and share this video with your friends and family if you find it helpful.