|
1 | | -# Overview |
2 | | -## Introduction |
| 1 | +# CodeHubX |
3 | 2 |
|
4 | | -The repository [**CodehubX**](https://github.com/SIDDHU123M/CodehubX) is a curated collection of diverse resources for developers, students, and tech enthusiasts. It features an extensive range of websites and tools, categorized into multiple sections for easy navigation. Whether you're interested in AI, entertainment, cybersecurity, or even creating a fake identity, CodehubX offers valuable tools and resources to enhance your journey. |
| 3 | +[](https://siddhu123m.github.io/CodehubX/) |
| 4 | +[](https://reactjs.org/) |
| 5 | +[](https://vitejs.dev/) |
| 6 | + |
| 7 | +A modern, professional web application built with React and Vite that provides a curated collection of diverse resources for developers, students, and tech enthusiasts. It features an extensive range of websites and tools, categorized into multiple sections for easy navigation. |
| 8 | + |
| 9 | +## Features |
| 10 | + |
| 11 | +- **Modern React Architecture** - Built with React 19 and TypeScript for type safety and better development experience |
| 12 | +- **Fast Performance** - Powered by Vite for lightning-fast development and optimized production builds |
| 13 | +- **Responsive Design** - Fully responsive layout that works seamlessly on desktop, tablet, and mobile devices |
| 14 | +- **Dark Mode** - Built-in dark mode support with theme persistence |
| 15 | +- **Smart Navigation** - Sidebar navigation with active state indicators and mobile-friendly menu |
| 16 | +- **Scroll Spy** - Automatic section highlighting based on scroll position |
| 17 | +- **Markdown Support** - Dynamic content loading from markdown files with syntax highlighting |
| 18 | +- **Code Splitting** - Optimized bundle splitting for faster initial load times |
| 19 | +- **SEO Optimized** - Proper meta tags and Open Graph support for better search engine visibility |
| 20 | + |
| 21 | +## Technology Stack |
| 22 | + |
| 23 | +- **React 19** - Modern UI library with latest features |
| 24 | +- **TypeScript** - Type-safe development |
| 25 | +- **Vite** - Next-generation build tool |
| 26 | +- **React Router** - Client-side routing |
| 27 | +- **React Markdown** - Markdown rendering with GitHub Flavored Markdown support |
| 28 | +- **Rehype & Remark** - Markdown processing and syntax highlighting |
| 29 | + |
| 30 | +## Project Structure |
| 31 | + |
| 32 | +``` |
| 33 | +CodehubX/ |
| 34 | +├── assets/ # Compiled JavaScript and CSS bundles |
| 35 | +├── data/ # Markdown content files |
| 36 | +├── 404.html # GitHub Pages SPA routing support |
| 37 | +└── index.html # Main entry point |
| 38 | +``` |
| 39 | + |
| 40 | +## Categories |
5 | 41 |
|
6 | 42 | Explore various categories, each containing carefully selected websites with detailed descriptions, ensuring you can easily find what you need. |
7 | 43 |
|
|
0 commit comments