{ "name": "astrology-chat-app", "version": "1.0.0", "main": "index.js", "scripts": { "start": "react-native start", "android": "react-native run-android", "ios": "react-native run-ios" }, "dependencies": { "@react-native-async-storage/async-storage": "^1.19.1", "@react-native-community/datetimepicker": "^7.0.0", "@react-navigation/bottom-tabs": "^6.5.7", "@react-navigation/drawer": "^6.6.3", "@react-navigation/native": "^6.1.6", "@react-navigation/native-stack": "^6.9.12", "axios": "^1.6.7", "firebase": "^9.23.0", "react": "18.2.0", "react-native": "0.71.8", "react-native-gesture-handler": "^2.12.1", "react-native-inappreview": "^3.6.0", "react-native-paper": "^5.10.0", "react-native-razorpay": "^2.3.10", "react-native-reanimated": "^3.6.2", "react-native-safe-area-context": "^4.8.1", "react-native-screens": "^3.22.0", "react-native-share": "^8.1.0", "react-native-vector-icons": "^9.2.0" }, "devDependencies": { "@babel/core": "^7.20.0" }, "private": true } module.exports = { presets: ['module:metro-react-native-babel-preset'], plugins: [ 'react-native-reanimated/plugin', ], }; // Place your google-services.json here as per Firebase setup import React, { useEffect, useState } from 'react'; import { NavigationContainer } from '@react-navigation/native'; import { ActivityIndicator, View } from 'react-native'; import auth from './src/firebase/auth'; import RootNavigator from './src/navigation/RootNavigator'; import { UserProvider } from './src/context/UserContext'; export default function App() { const [initializing, setInitializing] = useState(true); const [user, setUser] = useState(null); useEffect(() => { const unsubscribe = auth.onAuthStateChanged(u => { setUser(u); if (initializing) setInitializing(false); }); return unsubscribe; }, []); if (initializing) { return ( ); } return ( ); } import { initializeApp } from 'firebase/app'; import { getAuth } from 'firebase/auth'; import { getFirestore } from 'firebase/firestore'; import { getStorage } from 'firebase/storage'; const firebaseConfig = { // Your Firebase config here apiKey: "YOUR_API_KEY", authDomain: "YOUR_AUTH_DOMAIN", projectId: "YOUR_PROJECT_ID", storageBucket: "YOUR_STORAGE_BUCKET", messagingSenderId: "YOUR_MESSAGING_SENDER_ID", appId: "YOUR_APP_ID" }; const app = initializeApp(firebaseConfig); export const auth = getAuth(app); export const db = getFirestore(app); export const storage = getStorage(app); import { auth } from './config'; export default auth; import React, { createContext, useContext, useState, useEffect } from 'react'; import { db } from '../firebase/config'; import { doc, getDoc } from 'firebase/firestore'; const UserContext = createContext(); export const UserProvider = ({ user, children }) => { const [profile, setProfile] = useState(null); useEffect(() => { let unsub = null; if (user) { const fetchProfile = async () => { const docRef = doc(db, 'users', user.uid); const docSnap = await getDoc(docRef); if (docSnap.exists()) { setProfile(docSnap.data()); } }; fetchProfile(); } else { setProfile(null); } return () => unsub && unsub(); }, [user]); return ( {children} ); }; export const useUser = () => useContext(UserContext); import React from 'react'; import { createNativeStackNavigator } from '@react-navigation/native-stack'; import LoginScreen from '../screens/auth/LoginScreen'; import OTPScreen from '../screens/auth/OTPScreen'; import ProfileCreationScreen from '../screens/auth/ProfileCreationScreen'; import MainDrawerNavigator from './MainDrawerNavigator'; import AdminNavigator from './admin/AdminNavigator'; import { useUser } from '../context/UserContext'; const Stack = createNativeStackNavigator(); export default function RootNavigator({ user }) { const { profile } = useUser(); if (!user) { return ( ); } if (user && !profile) { return ( ); } if (profile && profile.role === 'admin') { return ; } return ; } import React from 'react'; import { createDrawerNavigator } from '@react-navigation/drawer'; import MainTabNavigator from './MainTabNavigator'; import WalletScreen from '../screens/wallet/WalletScreen'; import TransactionsScreen from '../screens/wallet/TransactionsScreen'; import HelpSupportScreen from '../screens/misc/HelpSupportScreen'; import PrivacyPolicyScreen from '../screens/misc/PrivacyPolicyScreen'; import FaqScreen from '../screens/misc/FaqScreen'; import RateAppScreen from '../screens/misc/RateAppScreen'; import ShareAppScreen from '../screens/misc/ShareAppScreen'; import CustomDrawerContent from '../components/CustomDrawerContent'; const Drawer = createDrawerNavigator(); export default function MainDrawerNavigator() { return ( } screenOptions={{ headerShown: false }} > ); } import React from 'react'; import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; import HomeScreen from '../screens/home/HomeScreen'; import ChatScreen from '../screens/chat/ChatScreen'; import ProfileScreen from '../screens/profile/ProfileScreen'; import ProductsScreen from '../screens/products/ProductsScreen'; import Icon from 'react-native-vector-icons/MaterialCommunityIcons'; const Tab = createBottomTabNavigator(); export default function MainTabNavigator() { return ( ({ headerShown: false, tabBarActiveTintColor: '#673ab7', tabBarInactiveTintColor: '#888', tabBarIcon: ({ color, size }) => { let iconName; if (route.name === 'Home') iconName = 'home'; else if (route.name === 'Chat') iconName = 'chat'; else if (route.name === 'Profile') iconName = 'account'; else if (route.name === 'Products') iconName = 'shopping'; return ; } })} > ); } import React from 'react'; import { createNativeStackNavigator } from '@react-navigation/native-stack'; import AdminHomeScreen from '../../screens/admin/AdminHomeScreen'; import AdminUsersScreen from '../../screens/admin/AdminUsersScreen'; import AdminAstrologersScreen from '../../screens/admin/AdminAstrologersScreen'; import AdminProductsScreen from '../../screens/admin/AdminProductsScreen'; import AdminOrdersScreen from '../../screens/admin/AdminOrdersScreen'; const Stack = createNativeStackNavigator(); export default function AdminNavigator() { return ( ); } import React from 'react'; import { DrawerContentScrollView, DrawerItemList, DrawerItem } from '@react-navigation/drawer'; import { View, Text, Image, StyleSheet } from 'react-native'; import { useUser } from '../context/UserContext'; import Icon from 'react-native-vector-icons/MaterialCommunityIcons'; import auth from '../firebase/auth'; export default function CustomDrawerContent(props) { const { profile } = useUser(); return ( {profile?.name || 'User'} Wallet: ₹{profile?.wallet || 0} } onPress={() => auth.signOut()} /> ); } const styles = StyleSheet.create({ header: { alignItems: 'center', paddingVertical: 24, backgroundColor: '#f3e5f5' }, avatar: { width: 64, height: 64, borderRadius: 32, marginBottom: 8 }, name: { fontWeight: 'bold', fontSize: 18, marginBottom: 4 }, wallet: { fontSize: 14, color: '#673ab7' } }); import React, { useState } from 'react'; import { View, Text, TextInput, TouchableOpacity, StyleSheet, Alert } from 'react-native'; import auth from '../../firebase/auth'; export default function LoginScreen({ navigation }) { const [phone, setPhone] = useState(''); const [loading, setLoading] = useState(false); const handleSendOTP = async () => { if (!phone || phone.length < 10) { Alert.alert('Invalid Phone', 'Please enter a valid phone number.'); return; } setLoading(true); try { // Firebase phone auth const confirmation = await auth.signInWithPhoneNumber('+91' + phone); navigation.navigate('OTP', { confirmation, phone }); } catch (e) { Alert.alert('Error', e.message); } setLoading(false); }; return ( Astrology Chat Login {loading ? 'Sending...' : 'Send OTP'} ); } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#fff' }, title: { fontSize: 24, fontWeight: 'bold', marginBottom: 32, color: '#673ab7' }, input: { borderWidth: 1, borderColor: '#ccc', borderRadius: 8, width: '80%', padding: 12, marginBottom: 16 }, button: { backgroundColor: '#673ab7', padding: 16, borderRadius: 8, width: '80%', alignItems: 'center' }, buttonText: { color: '#fff', fontWeight: 'bold', fontSize: 16 } }); import React, { useState } from 'react'; import { View, Text, TextInput, TouchableOpacity, StyleSheet, Alert } from 'react-native'; export default function OTPScreen({ route, navigation }) { const { confirmation, phone } = route.params; const [otp, setOtp] = useState(''); const [loading, setLoading] = useState(false); const handleVerify = async () => { if (otp.length !== 6) { Alert.alert('Invalid OTP', 'Please enter a valid 6-digit OTP.'); return; } setLoading(true); try { await confirmation.confirm(otp); navigation.replace('ProfileCreation'); } catch (e) { Alert.alert('Error', e.message); } setLoading(false); }; return ( Verify OTP Sent to +91 {phone} {loading ? 'Verifying...' : 'Verify OTP'} ); } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#fff' }, title: { fontSize: 24, fontWeight: 'bold', marginBottom: 16, color: '#673ab7' }, subtitle: { fontSize: 16, marginBottom: 24 }, input: { borderWidth: 1, borderColor: '#ccc', borderRadius: 8, width: '80%', padding: 12, marginBottom: 16 }, button: { backgroundColor: '#673ab7', padding: 16, borderRadius: 8, width: '80%', alignItems: 'center' }, buttonText: { color: '#fff', fontWeight: 'bold', fontSize: 16 } }); import React, { useState } from 'react'; import { View, Text, TextInput, TouchableOpacity, StyleSheet, Alert, Picker, Platform } from 'react-native'; import DateTimePicker from '@react-native-community/datetimepicker'; import { db, auth } from '../../firebase/config'; import { doc, setDoc } from 'firebase/firestore'; export default function ProfileCreationScreen({ navigation }) { const [name, setName] = useState(''); const [gender, setGender] = useState('male'); const [dob, setDob] = useState(new Date()); const [showDate, setShowDate] = useState(false); const [tob, setTob] = useState(new Date()); const [showTime, setShowTime] = useState(false); const [place, setPlace] = useState(''); const [loading, setLoading] = useState(false); const handleCreateProfile = async () => { if (!name || !place) { Alert.alert('Missing Fields', 'Please fill all fields.'); return; } setLoading(true); try { await setDoc(doc(db, 'users', auth.currentUser.uid), { name, gender, dob: dob.toISOString(), tob: tob.toISOString(), place, wallet: 0, role: 'user', createdAt: new Date().toISOString() }); navigation.replace('HomeTabs'); } catch (e) { Alert.alert('Error', e.message); } setLoading(false); }; return ( Create Profile Gender: setShowDate(true)} style={styles.input}> Date of Birth: {dob.toDateString()} {showDate && ( { setShowDate(false); if (date) setDob(date); }} /> )} setShowTime(true)} style={styles.input}> Time of Birth: {tob.toLocaleTimeString()} {showTime && ( { setShowTime(false); if (date) setTob(date); }} /> )} {loading ? 'Creating...' : 'Create Profile'} ); } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#fff' }, title: { fontSize: 24, fontWeight: 'bold', marginBottom: 16, color: '#673ab7' }, input: { borderWidth: 1, borderColor: '#ccc', borderRadius: 8, width: '80%', padding: 12, marginBottom: 16 }, pickerContainer: { flexDirection: 'row', alignItems: 'center', width: '80%', marginBottom: 16 }, label: { marginRight: 8, fontSize: 16 }, picker: { flex: 1, height: 40 }, button: { backgroundColor: '#673ab7', padding: 16, borderRadius: 8, width: '80%', alignItems: 'center' }, buttonText: { color: '#fff', fontWeight: 'bold', fontSize: 16 } }); import React, { useEffect, useState } from 'react'; import { View, Text, FlatList, ScrollView, TouchableOpacity, Image, StyleSheet } from 'react-native'; import { db } from '../../firebase/config'; import { collection, getDocs } from 'firebase/firestore'; import Icon from 'react-native-vector-icons/MaterialCommunityIcons'; import { useNavigation } from '@react-navigation/native'; export default function HomeScreen() { const [banners, setBanners] = useState([]); const [astrologers, setAstrologers] = useState([]); const [horoscope, setHoroscope] = useState(''); const navigation = useNavigation(); useEffect(() => { // Fetch banners from Firebase const fetchBanners = async () => { const snap = await getDocs(collection(db, 'banners')); setBanners(snap.docs.map(doc => ({ id: doc.id, ...doc.data() }))); }; // Fetch astrologers const fetchAstrologers = async () => { const snap = await getDocs(collection(db, 'astrologers')); setAstrologers(snap.docs.map(doc => ({ id: doc.id, ...doc.data() }))); }; // Fetch today's horoscope const fetchHoroscope = async () => { const snap = await getDocs(collection(db, 'horoscopes')); if (snap.docs.length > 0) setHoroscope(snap.docs[0].data().text); }; fetchBanners(); fetchAstrologers(); fetchHoroscope(); }, []); return ( navigation.openDrawer()}> navigation.navigate('Notifications')}> navigation.navigate('Wallet')}> item.id} horizontal showsHorizontalScrollIndicator={false} style={styles.bannerList} renderItem={({ item }) => ( )} /> Our Astrologers item.id} horizontal showsHorizontalScrollIndicator={false} style={styles.astroList} renderItem={({ item }) => ( navigation.navigate('AstrologerDetail', { astrologer: item })} > {item.name} {item.experience} yrs )} /> Today's Horoscope {horoscope} ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff' }, header: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', padding: 16 }, bannerList: { marginBottom: 16 }, banner: { width: 320, height: 120, borderRadius: 12, marginRight: 12 }, sectionTitle: { fontSize: 20, fontWeight: 'bold', color: '#673ab7', marginLeft: 16, marginVertical: 12 }, astroList: { marginBottom: 16, paddingLeft: 16 }, astroCard: { width: 120, alignItems: 'center', marginRight: 16, backgroundColor: '#f3e5f5', borderRadius: 12, padding: 8 }, astroImg: { width: 64, height: 64, borderRadius: 32, marginBottom: 8 }, astroName: { fontWeight: 'bold', fontSize: 16 }, astroExp: { fontSize: 12, color: '#888' }, horoscopeBox: { backgroundColor: '#ede7f6', margin: 16, borderRadius: 12, padding: 16 }, horoscopeText: { fontSize: 16, color: '#333' } }); import React from 'react'; import { View, Text, Image, StyleSheet, TouchableOpacity, ScrollView } from 'react-native'; export default function AstrologerDetailScreen({ route }) { const { astrologer } = route.params; return ( {astrologer.name} {astrologer.about} Experience: {astrologer.experience} years Rating: {astrologer.rating || 0} Followers: {astrologer.followers || 0} Skills: {astrologer.skills?.join(', ')} Served People: {astrologer.servedPeople || 0} {astrologer.photos?.map((url, idx) => ( ))} Rate Astrologer Follow ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', padding: 16 }, image: { width: 120, height: 120, borderRadius: 60, alignSelf: 'center', marginBottom: 16 }, name: { fontSize: 24, fontWeight: 'bold', textAlign: 'center', color: '#673ab7' }, about: { fontSize: 16, marginVertical: 12, textAlign: 'center' }, label: { fontWeight: 'bold', fontSize: 16, marginTop: 8 }, value: { fontWeight: 'normal', color: '#333' }, photosContainer: { flexDirection: 'row', marginTop: 12 }, photo: { width: 60, height: 60, borderRadius: 8, marginRight: 8 }, button: { backgroundColor: '#673ab7', padding: 12, borderRadius: 8, marginTop: 16, alignItems: 'center' }, buttonText: { color: '#fff', fontWeight: 'bold' } }); import React, { useState, useEffect } from 'react'; import { View, Text, FlatList, TextInput, TouchableOpacity, StyleSheet, Alert } from 'react-native'; import { db, auth } from '../../firebase/config'; import { collection, addDoc, query, orderBy, onSnapshot } from 'firebase/firestore'; const NUDITY_KEYWORDS = ['nude', 'sex', 'xxx', 'porn', 'naked', 'boobs', 'dick', 'pussy', 'vagina', 'penis']; function containsNudity(text) { const lower = text.toLowerCase(); return NUDITY_KEYWORDS.some(word => lower.includes(word)); } export default function ChatScreen() { const [messages, setMessages] = useState([]); const [input, setInput] = useState(''); useEffect(() => { const q = query(collection(db, 'chats', auth.currentUser.uid, 'messages'), orderBy('createdAt', 'asc')); const unsub = onSnapshot(q, snap => { setMessages(snap.docs.map(doc => ({ id: doc.id, ...doc.data() }))); }); return unsub; }, []); const sendMessage = async () => { if (!input.trim()) return; if (containsNudity(input)) { Alert.alert('Not Allowed', 'Nudity or inappropriate content is not allowed.'); setInput(''); return; } await addDoc(collection(db, 'chats', auth.currentUser.uid, 'messages'), { text: input, sender: 'user', createdAt: new Date().toISOString() }); setInput(''); // Simulate AI astrologer reply (randomized) setTimeout(async () => { const aiReplies = [ "Thank you for your question. Let me check your stars.", "Interesting! Let me see what the horoscope says.", "I see a positive sign in your chart today.", "Let me analyze your birth details for a better answer.", "Your future looks bright. Stay positive!" ]; const reply = aiReplies[Math.floor(Math.random() * aiReplies.length)]; await addDoc(collection(db, 'chats', auth.currentUser.uid, 'messages'), { text: reply, sender: 'astrologer', createdAt: new Date().toISOString() }); }, 1200 + Math.random() * 2000); }; return ( item.id} renderItem={({ item }) => ( {item.text} )} contentContainerStyle={{ padding: 16 }} /> Send ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff' }, message: { padding: 12, borderRadius: 8, marginBottom: 8, maxWidth: '80%' }, userMsg: { backgroundColor: '#ede7f6', alignSelf: 'flex-end' }, astroMsg: { backgroundColor: '#f3e5f5', alignSelf: 'flex-start' }, msgText: { fontSize: 16 }, inputRow: { flexDirection: 'row', padding: 12, borderTopWidth: 1, borderColor: '#eee' }, input: { flex: 1, borderWidth: 1, borderColor: '#ccc', borderRadius: 8, padding: 8, marginRight: 8 }, sendBtn: { backgroundColor: '#673ab7', padding: 12, borderRadius: 8, alignItems: 'center', justifyContent: 'center' } }); import React, { useState } from 'react'; import { View, Text, TextInput, TouchableOpacity, StyleSheet, Alert } from 'react-native'; import { useUser } from '../../context/UserContext'; import { db, auth } from '../../firebase/config'; import { doc, updateDoc } from 'firebase/firestore'; export default function ProfileScreen() { const { profile, setProfile } = useUser(); const [name, setName] = useState(profile?.name || ''); const [place, setPlace] = useState(profile?.place || ''); const [loading, setLoading] = useState(false); const handleUpdate = async () => { setLoading(true); try { await updateDoc(doc(db, 'users', auth.currentUser.uid), { name, place }); setProfile({ ...profile, name, place }); Alert.alert('Success', 'Profile updated!'); } catch (e) { Alert.alert('Error', e.message); } setLoading(false); }; return ( Edit Profile {loading ? 'Updating...' : 'Update Profile'} ); } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#fff' }, title: { fontSize: 24, fontWeight: 'bold', marginBottom: 16, color: '#673ab7' }, input: { borderWidth: 1, borderColor: '#ccc', borderRadius: 8, width: '80%', padding: 12, marginBottom: 16 }, button: { backgroundColor: '#673ab7', padding: 16, borderRadius: 8, width: '80%', alignItems: 'center' }, buttonText: { color: '#fff', fontWeight: 'bold', fontSize: 16 } }); import React, { useEffect, useState } from 'react'; import { View, Text, FlatList, Image, TouchableOpacity, StyleSheet, Alert } from 'react-native'; import { db } from '../../firebase/config'; import { collection, getDocs } from 'firebase/firestore'; import RazorpayCheckout from 'react-native-razorpay'; export default function ProductsScreen() { const [products, setProducts] = useState([]); useEffect(() => { const fetchProducts = async () => { const snap = await getDocs(collection(db, 'products')); setProducts(snap.docs.map(doc => ({ id: doc.id, ...doc.data() }))); }; fetchProducts(); }, []); const handleBuy = (product) => { var options = { description: product.description, image: product.image, currency: 'INR', key: 'YOUR_RAZORPAY_KEY', amount: product.price * 100, name: product.name, prefill: { email: 'user@email.com', contact: '9999999999', name: 'User' }, theme: { color: '#673ab7' } }; RazorpayCheckout.open(options) .then(data => { Alert.alert('Success', 'Payment successful!'); // Save order to Firestore }) .catch(error => { Alert.alert('Error', 'Payment failed!'); }); }; return ( Products item.id} renderItem={({ item }) => ( {item.name} ₹{item.price} handleBuy(item)}> Buy Now )} contentContainerStyle={{ padding: 16 }} /> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff' }, title: { fontSize: 24, fontWeight: 'bold', color: '#673ab7', margin: 16 }, card: { backgroundColor: '#f3e5f5', borderRadius: 12, padding: 16, marginBottom: 16, alignItems: 'center' }, img: { width: 100, height: 100, borderRadius: 8, marginBottom: 8 }, name: { fontWeight: 'bold', fontSize: 18 }, price: { fontSize: 16, color: '#333', marginBottom: 8 }, button: { backgroundColor: '#673ab7', padding: 12, borderRadius: 8, alignItems: 'center', width: '80%' }, buttonText: { color: '#fff', fontWeight: 'bold' } }); import React from 'react'; import { View, Text, TouchableOpacity, StyleSheet, Alert } from 'react-native'; import { useUser } from '../../context/UserContext'; export default function WalletScreen() { const { profile } = useUser(); const handleRecharge = () => { Alert.alert('Recharge', 'Wallet recharge coming soon!'); }; return ( Wallet ₹{profile?.wallet || 0} Recharge Wallet ); } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#fff' }, title: { fontSize: 24, fontWeight: 'bold', color: '#673ab7', marginBottom: 16 }, amount: { fontSize: 32, fontWeight: 'bold', color: '#333', marginBottom: 24 }, button: { backgroundColor: '#673ab7', padding: 16, borderRadius: 8, width: '80%', alignItems: 'center' }, buttonText: { color: '#fff', fontWeight: 'bold', fontSize: 16 } }); import React from 'react'; import { View, Text, StyleSheet } from 'react-native'; export default function TransactionsScreen() { // Fetch and show transaction history from Firestore return ( Transaction History No transactions yet. ); } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#fff' }, title: { fontSize: 24, fontWeight: 'bold', color: '#673ab7', marginBottom: 16 } }); import React from 'react'; import { View, Text, StyleSheet } from 'react-native'; export default function HelpSupportScreen() { return ( Help & Support Contact us at support@astroapp.com ); } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#fff' }, title: { fontSize: 24, fontWeight: 'bold', color: '#673ab7', marginBottom: 16 } }); import React from 'react'; import { View, Text, StyleSheet } from 'react-native'; export default function PrivacyPolicyScreen() { return ( Privacy Policy Your privacy is important to us. ); } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#fff' }, title: { fontSize: 24, fontWeight: 'bold', color: '#673ab7', marginBottom: 16 } }); import React from 'react'; import { View, Text, StyleSheet } from 'react-native'; export default function FaqScreen() { return ( FAQ Frequently Asked Questions coming soon. ); } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#fff' }, title: { fontSize: 24, fontWeight: 'bold', color: '#673ab7', marginBottom: 16 } }); import React from 'react'; import { View, Text, TouchableOpacity, StyleSheet, Alert } from 'react-native'; import InAppReview from 'react-native-inappreview'; export default function RateAppScreen() { const handleRate = () => { if (InAppReview.isAvailable()) { InAppReview.RequestInAppReview(); } else { Alert.alert('Not Supported', 'In-app review is not available on this device.'); } }; return ( Rate Our App Rate Now ); } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#fff' }, title: { fontSize: 24, fontWeight: 'bold', color: '#673ab7', marginBottom: 16 }, button: { backgroundColor: '#673ab7', padding: 16, borderRadius: 8, width: '80%', alignItems: 'center' }, buttonText: { color: '#fff', fontWeight: 'bold', fontSize: 16 } }); import React from 'react'; import { View, Text, TouchableOpacity, StyleSheet, Alert } from 'react-native'; import Share from 'react-native-share'; export default function ShareAppScreen() { const handleShare = async () => { try { await Share.open({ title: 'Astrology Chat App', message: 'Check out this amazing Astrology Chat App!', url: 'https://play.google.com/store/apps/details?id=com.astroapp' }); } catch (e) { Alert.alert('Error', 'Could not share app.'); } }; return ( Share App Share Now ); } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#fff' }, title: { fontSize: 24, fontWeight: 'bold', color: '#673ab7', marginBottom: 16 }, button: { backgroundColor: '#673ab7', padding: 16, borderRadius: 8, width: '80%', alignItems: 'center' }, buttonText: { color: '#fff', fontWeight: 'bold', fontSize: 16 } }); import React from 'react'; import { View, Text, StyleSheet, TouchableOpacity } from 'react-native'; export default function AdminHomeScreen({ navigation }) { return ( Admin Dashboard navigation.navigate('AdminUsers')}> Users navigation.navigate('AdminAstrologers')}> Astrologers navigation.navigate('AdminProducts')}> Products navigation.navigate('AdminOrders')}> Orders ); } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#fff' }, title: { fontSize: 24, fontWeight: 'bold', color: '#673ab7', marginBottom: 32 }, button: { backgroundColor: '#673ab7', padding: 16, borderRadius: 8, width: '80%', alignItems: 'center', marginBottom: 16 }, buttonText: { color: '#fff', fontWeight: 'bold', fontSize: 16 } }); import React, { useEffect, useState } from 'react'; import { View, Text, FlatList, TouchableOpacity, StyleSheet, Alert } from 'react-native'; import { db } from '../../firebase/config'; import { collection, getDocs, updateDoc, doc } from 'firebase/firestore'; export default function AdminUsersScreen() { const [users, setUsers] = useState([]); useEffect(() => { const fetchUsers = async () => { const snap = await getDocs(collection(db, 'users')); setUsers(snap.docs.map(doc => ({ id: doc.id, ...doc.data() }))); }; fetchUsers(); }, []); const handleDisable = async (userId) => { await updateDoc(doc(db, 'users', userId), { disabled: true }); Alert.alert('User Disabled'); }; return ( All Users item.id} renderItem={({ item }) => ( {item.name} Wallet: ₹{item.wallet} handleDisable(item.id)}> Disable )} contentContainerStyle={{ padding: 16 }} /> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff' }, title: { fontSize: 24, fontWeight: 'bold', color: '#673ab7', margin: 16 }, card: { backgroundColor: '#f3e5f5', borderRadius: 12, padding: 16, marginBottom: 16 }, name: { fontWeight: 'bold', fontSize: 18 }, button: { backgroundColor: '#e53935', padding: 8, borderRadius: 8, alignItems: 'center', marginTop: 8 }, buttonText: { color: '#fff', fontWeight: 'bold' } }); import React, { useEffect, useState } from 'react'; import { View, Text, FlatList, TouchableOpacity, StyleSheet, Alert, TextInput } from 'react-native'; import { db } from '../../firebase/config'; import { collection, getDocs, addDoc } from 'firebase/firestore'; export default function AdminAstrologersScreen() { const [astrologers, setAstrologers] = useState([]); const [name, setName] = useState(''); const [experience, setExperience] = useState(''); const [loading, setLoading] = useState(false); useEffect(() => { const fetchAstrologers = async () => { const snap = await getDocs(collection(db, 'astrologers')); setAstrologers(snap.docs.map(doc => ({ id: doc.id, ...doc.data() }))); }; fetchAstrologers(); }, []); const handleAdd = async () => { if (!name || !experience) return; setLoading(true); await addDoc(collection(db, 'astrologers'), { name, experience, rating: 0, followers: 0, servedPeople: 0, skills: [], about: '', photoURL: '', photos: [] }); setName(''); setExperience(''); setLoading(false); Alert.alert('Astrologer Added'); }; return ( Astrologers Add item.id} renderItem={({ item }) => ( {item.name} Experience: {item.experience} yrs )} contentContainerStyle={{ padding: 16 }} /> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff' }, title: { fontSize: 24, fontWeight: 'bold', color: '#673ab7', margin: 16 }, inputRow: { flexDirection: 'row', alignItems: 'center', marginHorizontal: 16, marginBottom: 16 }, input: { borderWidth: 1, borderColor: '#ccc', borderRadius: 8, padding: 8, marginRight: 8, flex: 1 }, button: { backgroundColor: '#673ab7', padding: 12, borderRadius: 8, alignItems: 'center' }, buttonText: { color: '#fff', fontWeight: 'bold' }, card: { backgroundColor: '#f3e5f5', borderRadius: 12, padding: 16, marginBottom: 16 }, name: { fontWeight: 'bold', fontSize: 18 } }); import React, { useEffect, useState } from 'react'; import { View, Text, FlatList, TouchableOpacity, StyleSheet, Alert, TextInput } from 'react-native'; import { db } from '../../firebase/config'; import { collection, getDocs, addDoc } from 'firebase/firestore'; export default function AdminProductsScreen() { const [products, setProducts] = useState([]); const [name, setName] = useState(''); const [price, setPrice] = useState(''); const [loading, setLoading] = useState(false); useEffect(() => { const fetchProducts = async () => { const snap = await getDocs(collection(db, 'products')); setProducts(snap.docs.map(doc => ({ id: doc.id, ...doc.data() }))); }; fetchProducts(); }, []); const handleAdd = async () => { if (!name || !price) return; setLoading(true); await addDoc(collection(db, 'products'), { name, price: parseFloat(price), image: '', description: '' }); setName(''); setPrice(''); setLoading(false); Alert.alert('Product Added'); }; return ( Products Add item.id} renderItem={({ item }) => ( {item.name} Price: ₹{item.price} )} contentContainerStyle={{ padding: 16 }} /> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff' }, title: { fontSize: 24, fontWeight: 'bold', color: '#673ab7', margin: 16 }, inputRow: { flexDirection: 'row', alignItems: 'center', marginHorizontal: 16, marginBottom: 16 }, input: { borderWidth: 1, borderColor: '#ccc', borderRadius: 8, padding: 8, marginRight: 8, flex: 1 }, button: { backgroundColor: '#673ab7', padding: 12, borderRadius: 8, alignItems: 'center' }, buttonText: { color: '#fff', fontWeight: 'bold' }, card: { backgroundColor: '#f3e5f5', borderRadius: 12, padding: 16, marginBottom: 16 }, name: { fontWeight: 'bold', fontSize: 18 } }); import React, { useEffect, useState } from 'react'; import { View, Text, FlatList, StyleSheet } from 'react-native'; import { db } from '../../firebase/config'; import { collection, getDocs } from 'firebase/firestore'; export default function AdminOrdersScreen() { const [orders, setOrders] = useState([]); useEffect(() => { const fetchOrders = async () => { const snap = await getDocs(collection(db, 'orders')); setOrders(snap.docs.map(doc => ({ id: doc.id, ...doc.data() }))); }; fetchOrders(); }, []); return ( Orders item.id} renderItem={({ item }) => ( {item.productName} Status: {item.status} Amount: ₹{item.amount} )} contentContainerStyle={{ padding: 16 }} /> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff' }, title: { fontSize: 24, fontWeight: 'bold', color: '#673ab7', margin: 16 }, card: { backgroundColor: '#f3e5f5', borderRadius: 12, padding: 16, marginBottom: 16 }, name: { fontWeight: 'bold', fontSize: 18 } });