Ain-Verse: GitHub Projects Showcase (React Version)

Welcome to the Ain-Verse! This is a modern React application designed to showcase GitHub repositories with an interactive and playful interface.

✨ Features

• GitHub Repository Display: View and search repositories with detailed information
• Dark/Light Theme: Toggle between themes with persistent preferences
• Interactive Cat Element: Click "pspspsps" to hear random cat sounds
• Live Issues Panel: View open GitHub issues in a toggleable sidebar
• Responsive Design: Works on desktop and mobile devices

🚀 Tech Stack

• React 18: Component-based UI architecture
• Vite: Fast development and optimized builds
• React Icons: Modern icon components
• CSS3: Custom properties for theming
• GitHub API: Repository and issue data

🛠️ Quick Start

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

📁 Project Structure

the-ain-verse/
├── src/                  # React source code
│   ├── components/       # React components
│   ├── hooks/            # Custom React hooks
│   ├── styles/           # Component styles
│   ├── utils/            # Utility functions
│   ├── App.jsx           # Main application component
│   └── main.jsx          # Application entry point
├── public/               # Static assets
│   ├── sounds/           # Cat sound files
│   └── svg/              # SVG assets
├── index.html            # HTML entry point
├── package.json          # Project dependencies
└── vite.config.js        # Vite configuration

🔄 Converting from Vanilla JS to React

This project was converted from a vanilla JavaScript implementation to React to improve:

• Maintainability: Component-based architecture
• Performance: Virtual DOM for efficient updates
• Developer Experience: Hot module replacement
• Extensibility: Easy integration with React ecosystem

📄 License

MIT License - See LICENSE.md for details