29 - Dec - 2022

React Fitness - Landing Page 🔗

Technology Used :

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

Host at Cloud Flare

Learning Context :

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?

Learn these - configuration tasks :

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/*"],
},