29 - Dec - 2022

• Vite
• React
• TypeScript
• Tailwind CSS
• Framer Motion

1. tailwind documentation extension (ctrl + alt + t)
2. vit & ts config for shot file name import
3. config tailwind for custom colors, fonts, scree sizes & images...
4. file extension must be .ts or .tsx instead of .js
5. useMediaQuery.ts hook is only detect for, it mobile size screen or not?

1. go to ==> vite.config.ts file & past this...
   • for convenient to import files

import path from 'path';

resolve: {
    alias: [{ find: '@', replacement: path.resolve(__dirname, 'src') }],
},

2. go to ==> tsconfig.json file & past this...
   • for convenient to import files

"paths" : {
    "@/*" : ["./src/*"],
},