🔥 Aniverse

Full Stack Anime Live Streaming App
Built with Expo • React Native • MERN • WebSockets

✨ Overview

Aniverse is a full-featured anime streaming app built with React Native + Expo, backed by a Node.js/MongoDB server. It supports HLS video playback, realtime reactions, Google Sign-In, and push notifications, offering a smooth, interactive viewing experience for anime lovers.

🚀 Key Features

• 🎥 HLS Video Streaming with react-native-video
• 💬 Live Comments & Reactions using WebSockets
• 🔔 Push Notifications via Expo
• 🔐 Google Sign-In (OAuth2)
• 🌀 Smooth Animations & Transitions
• 🌙 Anime-themed UI

🛠 Tech Stack

Layer	Stack
Frontend	React Native (Expo)
Backend	Node.js + Express
Database	MongoDB (via Mongoose)
Video Player	react-native-video (HLS support)
Realtime	WebSocket (native / Socket.IO)
Auth	Google OAuth2 via Firebase
Notifications	Expo Push Notifications
Animations	Reanimated 2 / Moti / Lottie

---

📦 Getting Started

1. Clone & Install

git clone https://github.com/mahtab2003/aniverse.git
cd aniverse
npm install

2. Start the Expo Project

npx expo start

Scan the QR code using Expo Go on your mobile.

🧠 Backend Setup

cd backend
npm install
node server.js

Make sure your .env file includes:

MONGODB_URI=your_mongodb_uri
GOOGLE_CLIENT_ID=your_firebase_web_client_id

🔐 Google Auth Setup

1. Create a Firebase project.
2. Enable Google Sign-In in Authentication.
3. Add your Web Client ID in Expo’s authSession config.

🔔 Push Notifications

• Register device using ExpoPushToken.
• Send notifications from your backend using Expo API.
• Or use Expo Push Tool to test.

📸 Screenshots & Demo

(Coming soon)

🧑‍🏫 Learn Like a Senior Dev

This app is crafted with scalable practices and includes:

• Modular file structure
• Clean UI/UX
• Full-stack realtime integration
• Secure OAuth login
• Real-world notification system

Perfect for devs aiming to level up to senior mobile dev status 👨‍💻⚔️

🧡 Built with love for anime & code by Ritik Parsad, Forked by Mehtab (Leo)
“Stream. React. Connect.”

```