Updated index.html

Author: SIDDHU123M

README.md

@@ -1,94 +1,73 @@
-# CodeHubX
+# React + TypeScript + Vite
 
-[![Live Site](https://img.shields.io/badge/Live-Site-success)](https://siddhu123m.github.io/CodehubX/)
-[![Built with React](https://img.shields.io/badge/Built%20with-React-blue)](https://reactjs.org/)
-[![Powered by Vite](https://img.shields.io/badge/Powered%20by-Vite-646CFF)](https://vitejs.dev/)
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
 
-A stunning, modern web application featuring a completely redesigned professional interface with animated gradients, card-based layouts, and smooth micro-interactions. Discover 500+ carefully curated developer tools, AI resources, and free platforms across 7 categories.
+Currently, two official plugins are available:
 
-## ✨ Key Features
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
 
-- **🎨 Modern Card-Based Design** - Beautiful gradient cards with hover animations and smooth transitions
-- **🔍 Real-Time Search** - Instant search across all categories and tools with live filtering
-- **🌈 Animated Hero Section** - Eye-catching gradient blobs with floating animations
-- **🌓 Dark/Light Themes** - Seamless theme switching with localStorage persistence
-- **⚡ Lightning Fast** - Optimized build with 355KB total bundle size
-- **📱 Fully Responsive** - Perfect experience on mobile, tablet, and desktop
-- **🎭 Smooth Animations** - Framer Motion powered transitions and micro-interactions
-- **🎯 Intuitive Navigation** - Clean navbar with minimal, professional design
-- **💳 Tool Cards** - Individual cards for each tool with external link indicators
-- **🚀 Optimized Performance** - Single-bundle architecture for faster loading
+## React Compiler
 
-## 🛠️ Technology Stack
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
 
-- **React 19** - Latest React with modern hooks
-- **TypeScript** - Full type safety
-- **Vite** - Ultra-fast build tool
-- **React Router** - Client-side routing
-- **Framer Motion** - Smooth animations and transitions
-- **Lucide React** - Beautiful, consistent icons
+## Expanding the ESLint configuration
 
-## 🎨 Design Features
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
 
-- Animated gradient blobs in hero section
-- Card-based category layout with hover effects
-- Gradient text effects and borders
-- Smooth page transitions
-- Micro-interactions on all interactive elements
-- Professional color scheme (dark/light modes)
-- Modern typography and spacing
-- Box shadows and depth effects
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
 
-## 📁 Project Structure
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
 
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
 ```
-CodehubX/
-├── assets/
-│   ├── index-CoPamAmI.css    # Compiled styles (12KB)
-│   └── index-DxNLit1R.js     # Single optimized bundle (356KB)
-├── data/                      # Markdown content files
-├── 404.html                   # GitHub Pages SPA routing
-└── index.html                 # Entry point
-```
-
-## 📂 Categories
-
-- **🤖 AI Resources** - Cutting-edge AI tools and libraries
-- **🎬 Entertainment** - Best platforms for entertainment
-- **⚠️ Piracy Resources** - Access tools and websites
-- **📚 Free Resources** - Educational and professional resources
-- **💻 GitHub Repositories** - Valuable repositories for developers
-- **🛠️ Developer Tools** - Development and design tools
-- **🎭 Identity Tools** - Temporary identity management
-
-## 🚀 Performance
-
-- Single optimized JavaScript bundle (356KB)
-- Minimal CSS (12KB)
-- No external dependencies loaded
-- Fast First Contentful Paint
-- Smooth 60fps animations
-- Optimized for Core Web Vitals
-
-## 📱 Responsive Design
-
-- Mobile-first approach
-- Breakpoints for all device sizes
-- Touch-friendly interface
-- Optimized mobile navigation
-- Adaptive layouts
 
-## 🌐 Browser Support
-
-- Chrome (latest)
-- Firefox (latest)
-- Safari (latest)
-- Edge (latest)
-
-## 📝 License
-
-Open source project for the developer community.
-
-## 📧 Contact
-
-Report broken links or suggest new tools: [codehubx.work@gmail.com](mailto:codehubx.work@gmail.com)
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```