SocialAI: The Future of Connection

SocialAI is a futuristic, AI-augmented social media MVP designed to bridge the gap between traditional networking and artificial intelligence. Built with a "Cyberpunk" aesthetic, it simulates a production-grade environment with integrated AI tools, financial systems, and gamified social interactions.

🚀 Key Features

1. Cinematic "Real-to-AI" Entry

• A high-performance <canvas> animation engine that renders 150+ frames at 30fps.
• Seamless transition from "Real World" footage to a digital "Cyberpunk" interface.

2. The "Hybrid" Dashboard

• Stories Rail: Snapchat-style horizontal scrolling.
• Infinite Feed: Facebook-style interaction (Like, Comment, Share).
• Navigation: YouTube-style sidebar and mobile-responsive bottom nav.

3. Simulated Backend Services

• Auth System: Fully functional Login/Signup using localStorage persistence.
• Fake Payment Gateway: Simulates credit card and crypto processing with realistic latency and "Success/Failure" states.
• Notification Center: Real-time toast notifications and history tracking.

4. AI Studio Integration

• Built-in interface for users to generate AI art (simulated flow).
• "Cyberpunk" UI theme optimized for dark mode and high contrast.

🛠️ Technology Stack

• Frontend: React 18.3.1
• Build Tool: Vite 5.4.2
• Styling: Tailwind CSS 3.4.16
• Routing: React Router DOM 6.28.0
• Icons: Lucide React
• State Management: React Context API

⚡ Quick Start

1. Clone the repository

   git clone [https://github.com/Manoj-Kumar-V-008/SocialAI.git](https://github.com/Manoj-Kumar-V-008/SocialAI.git)