mattcomponents/mattcomponents/ReadMe.md

React JS production building blocks

<!-- 

THERE IS NOTHING IMPORTANT ABOUT ME BUT WHERE I AM FROM

==========================================================================================================

I am from a small village called Dimbaza (King William's Town South Africa)

Let me teach you my home language (ISIXHOSA, Trevor Noah's Mother Tongue)

MOLO  = Hi in  
UNJANI  = How are you?
NDIYAPHILA  = I'm fine


GOD BLESS YOU -->

<!-- MATT COMPONENTS INSTRUCTIONS  -->

<!-- Copy this text to globals.css


============= YOUTUBE TUTORIAL INSTRUCTIONS ==================

1. COPY THE FOLLWING CSS TO GLOBALS.CSS
   
.FULLSCREEN{
  @apply w-screen h-screen
}

2. INSTALL SHADCN following the YOUTUBE TUTORIAL

3. INSTALL THE FOLLOWING SHADCN components - JUST COPY THE FOLLOWING COMMAND AS IS 
   it will install all the components at once 
========================================================================================================

npx shadcn@latest add dropdown-menu context-menu carousel alert-dialog avatar toast badge button calendar checkbox input label popover progress radio-group select textarea card table

=========================================================================================================
  
  
1. Install the following packages / copy and paste the following as is


=========================================================================================================

npm i @tanstack/react-table @tanstack/react-query react-hook-form @hookform/resolvers -D @tanstack/eslint-plugin-query bcryptjs @types/bcryptjs prisma --save-dev @prisma/client uuid4 @types/uuid4

=========================================================================================================
  
GIVING IS MORE THAN MONEY, but if you have some few coins as a token of appreciation,
you can support me on the following platforms




==================== SUPPORT ==========================

Support ME: https://buymeacoffee.com/matthewcoded

My Courses On Udemy: https://www.udemy.com/courses/search/?src=ukw&q=matthew+msingathi

Website: https://www.matthewmsingathi.co.za/

Coding Channel: https://www.youtube.com/@codeddesign/videos

Figma Channel: https://www.youtube.com/@CodedUwi/videos -->