Buat Aplikasi Suka

Bereaksi Aplikasi Klon Instagram Asli | Bereaksi Skrip Asli Untuk Instagram

Penjelasan Klon Instagram Asli React. Gunakan paket react-native-webview untuk menyematkan WebView di aplikasi React Native Anda. Anda dapat menginstalnya...

Ditulis oleh Ashok Kumar · 10 min baca >
Bangun Aplikasi Klon Instagram Dengan React Native
Daftar Isi menyembunyikan

Jangan menemukan kembali rodanya. Anda perlu membangun bisnis, bukan aplikasi. Fokus pada apa yang membuat startup Anda unik dan produk Anda menarik daripada menulis kode boilerplate dari awal.

Luncurkan platform berbagi foto, berbagi video, dan jejaring sosial seperti Instagram untuk memikat jutaan orang dalam sekejap.

Di sini saya telah mencantumkan Skrip Klon Instagram Asli React No. 1 Dengan Kumpulan Fitur Mutakhir. Demi kenyamanan Anda saja, saya telah memperbarui tangkapan layar dari aplikasi klon Instagram asli reaksi.

Apa itu React, dan Mengapa React Native Instagram Clone?

reaksi klon instagram asli
klon Instagram reaksi-asli

Klon Instagram dengan teknologi asli React adalah solusi media sosial label putih yang dapat disesuaikan dan diluncurkan dengan cepat. Ini adalah pilihan fantastis bagi perusahaan yang berharap dapat memasuki pasar aplikasi jejaring sosial dalam waktu dekat. Mirip dengan aplikasi Instagram, solusi kami hadir dengan semua fitur dan fungsionalitas.

Di MakeANApp, kami berupaya membantu bisnis dalam menerapkan aplikasi jejaring sosial dengan cepat di bidang spesialisasi mereka. Manfaat signifikan lainnya adalah kami memberikan solusi dengan biaya yang wajar. Hubungi kami, luncurkan aplikasi dengan cepat, dan bantu pengguna Anda terhubung secara global tanpa kesulitan.

React adalah kerangka kerja JavaScript front-end sumber terbuka yang digunakan untuk membangun antarmuka pengguna yang luar biasa dan dapat digunakan kembali. Untuk mengetahui lebih lanjut tentang React, Anda dapat mengunjunginya sini.

Strategi Monetisasi yang Disertakan dalam Klon Instagram asli React

Untuk platform jejaring sosial seperti Instagram, iklan secara tradisional menjadi sumber pendapatan utama. Anda dapat menghasilkan banyak uang melalui beberapa metode dalam klon Instagram asli reaksi kami, seperti postingan bersponsor dan iklan carousel. Mari kita lihat lebih dekat masing-masingnya.

Izinkan individu dan bisnis untuk mempromosikan postingan mereka untuk menjangkau khalayak yang lebih luas, terutama mereka yang tidak mengikuti profil mereka. Hal ini memungkinkan mereka untuk meningkatkan profil mereka, meningkatkan keterlibatan postingan, dan mengembangkan pengikut mereka. Tag bersponsor dan tombol ajakan bertindak ditambahkan ke postingan bersponsor ini. Ini berpotensi menjadi sumber pendapatan utama Anda, memungkinkan Anda menghasilkan banyak uang.

Iklan carousel, seperti postingan bersponsor, membantu promosi postingan. Satu-satunya perbedaan adalah memungkinkan banyak foto diiklankan dalam satu postingan. Artinya, perusahaan dapat memanfaatkan banyak foto untuk menceritakan sebuah kisah, sehingga meningkatkan keterlibatan pengguna.

Pembelian dalam aplikasi

Izinkan pengguna membayar biaya untuk mengakses filter dan efek khusus. Ada juga sejumlah fitur unik di Instagram, seperti aplikasi, yang mungkin Anda kenakan biaya kepada pelanggan. Ini juga membantu Anda menghasilkan uang secara konsisten dari waktu ke waktu.

Berikut adalah panduan umum tentang bagaimana Anda dapat mengintegrasikan fungsionalitas Instagram di React Native menggunakan WebView:

Siapkan Tampilan Web:

Gunakan react-native-webview Paket untuk menyematkan WebView di aplikasi React Native Anda. Anda dapat menginstalnya menggunakan npm atau benang:

npm install react-native-webview
# or
yarn add react-native-webview

Impor dan gunakan komponen WebView dalam kode React Native Anda.

import React from 'react';
import { WebView } from 'react-native-webview';

const InstagramWebView = () => {
  return (
    <WebView
      source={{ uri: 'https://www.instagram.com/' }}
      style={{ flex: 1 }}
    />
  );
};

export default InstagramWebView;

Menangani Otentikasi:

  1. Jika aplikasi Anda memerlukan autentikasi pengguna, Anda mungkin perlu menanganinya secara manual. Saat pengguna masuk melalui WebView, Anda dapat mengekstrak informasi yang diperlukan dari peristiwa navigasi WebView.
  2. Penguraian Data: Gunakan onMessage prop dari WebView untuk berkomunikasi antara aplikasi React Native Anda dan WebView. Anda dapat meneruskan data dari WebView ke aplikasi React Native Anda dan sebaliknya.
const InstagramWebView = () => { const handleMessage = (event) => { const data = JSON.parse(event.nativeEvent.data); // Menangani data yang diterima dari WebView }; kembali ( ); };

Layar Untuk React Native Instagram Clone

Layar Klon Instagram Bereaksi Asli 1
Layar Klon Instagram Bereaksi Asli 2
Layar aplikasi React Native Instagram Clone 3
Layar aplikasi React Native Instagram Clone 4

5-Langkah untuk meluncurkan React Native Instagram Clone App Development

  • Studi kebutuhan
  • Perancangan ujung depan
  • Pengembangan ujung belakang
  • Pemeriksaan kualitas
  • Penerapan aplikasi

Bangun reaksi klon Instagram asli Anda sendiri

Untuk mengembangkan aplikasi jejaring sosial berbagi foto Anda dalam hitungan menit, unduh Aplikasi Klon Instagram premium di React Native, yang sepenuhnya terhubung dengan backend Firebase. Karena React Native kompatibel lintas platform, Anda dapat mempublikasikan aplikasi media sosial Anda di iOS dan Android.

Apa Manfaat Aplikasi Klon Instagram React Native?

6 bulan pengembangan dapat dihemat. Anda bisa memulainya sekarang juga. Hindari semua tahapan pengembangan produk, seperti wireframing, pembuatan prototipe, perancangan, pengkodean, pengujian, perbaikan bug, pengoptimalan, dan peningkatan kinerja.

  • Lebih dari $15,000 dalam penghematan
  • Hemat waktu dan uang dengan menghindari perekrutan dan pemecatan desainer, pengembang, dan penguji.
  • Desain dan pengkodean kaliber tertinggi. Pengembang kami telah bekerja untuk perusahaan terkenal seperti Facebook, Instagram, dan Twitter.

Fitur yang Wajib Dimiliki di Aplikasi React Native Clone Instagram yang Akan Menjadikannya Melampaui Instagram Asli

  • Umpan
    • Posts
    • Gambar Korsel
    • Garis Waktu Kronologis
    • Daftar umpan waktu nyata
    • Jumlah suka secara real-time dihitung
    • Komentar real-time diperhitungkan
    • Integrasi Kamera / Perpustakaan Foto
    • Buat postingan baru
    • komentar
    • Daftar komentar
    • Dukungan video
    • Check-in / Pemilih Lokasi Interaktif
    • Bagikan Posting secara eksternal
    • Hashtags
    • Sebutan / Tag
  • cerita
    • Tambahkan cerita baru
    • Cerita teman feed
    • Penampil Media Cerita Interaktif
    • Cerita-cerita yang menghilang
    • Integrasi Kamera / Perpustakaan Foto
    • Dukungan video
  • Filter Foto Instagram
    • 27 filter foto yang indah
    • Pilihan multi foto
    • Integrasi kamera, perpustakaan, dan video
    • Komposer IG Interaktif
    • Dukungan untuk filter khusus
  • Jelajahi Umpan
    • Instagram Jelajahi Tata Letak Grid
    • Aliran postingan waktu nyata
  • Ikuti daftar
    • Ikuti / Berhenti Ikuti
    • Daftar pengikut
    • Daftar berikut
    • Daftar ikuti pengguna lain
    • Umpan & pembaruan cerita waktu nyata
    • Cari pengguna
  • Pesan Langsung
    • Percakapan pribadi waktu nyata
    • Percakapan grup waktu nyata
    • Pesan teks
    • Pesan foto
    • Pesan video
    • Pesan Audio
    • Indikator status online
    • Sebagai Balasan Untuk Fungsionalitas
    • Status Terlihat (Facepile)
    • Pesan yang Belum Dibaca
    • Penampil media layar penuh
    • URL yang dapat diklik
    • Buat Grup
    • Pengaturan grup
  • Pemberitahuan Dorong & Lencana
  • Mode Gelap
  • Lokalisasi (Multi-bahasa) dan dukungan RTL
  • Profil
    • Tata letak kisi Profil Instagram
    • Pembaruan posting waktu-nyata
    • Lihat fungsionalitas profil lain
    • Pengikut dan Pengikut dihitung secara real-time
  • Pelaporan & Pemblokiran (sesuai pedoman Apple)
  • Account Management
    • Telepon Auth dengan konfirmasi SMS
    • Otentikasi Apple (iOS)
    • Masuk dengan Facebook
    • Masuk dengan Email & Kata Sandi
    • Pendaftaran Pengguna
    • Fungsionalitas “Simpan Kata Sandi”.
    • Reset password
    • Alur penelusuran
    • Edit Detail Akun
    • Settings
    • Hubungi Kami
    • Keluar
  • Integrasi Backend
    • Otentikasi dengan Firebase Auth
    • Integrasi basis data dengan Firebase Firestore
    • Penyimpanan foto dan video dengan Firebase Storage
    • Pemberitahuan Push dengan Firebase Cloud Messaging
  • Performa yang dioptimalkan
    • Sinkronisasi instan di semua feed
    • Penyimpanan Gambar
    • Status Kosong & Memuat
    • Penanganan kesalahan yang anggun
    • Umpan balik haptik
    • Dioptimalkan untuk pertumbuhan dan retensi pengguna
    • Kompresi Foto & Video
    • Denormalisasi untuk fast feed

Membuat komponen UI di Aplikasi React Native Instagram Clone

Sekarang kita siap untuk mulai membangun aplikasi reaksi, kita akan merancang komponen yang kita perlukan.

Di ReactNative, apa saja komponen dari Instagram Clone

Anda mungkin bertanya-tanya apa saja komponennya jika Anda baru mengenal React. Jangan bingung lagi. Komponen di React memungkinkan Anda memecah UI menjadi bagian-bagian yang lebih kecil. Daripada membuat seluruh antarmuka dalam satu file, Anda membaginya menjadi komponen terpisah dan dapat digunakan kembali yang Anda gabungkan untuk membuat program akhir.

Membangun klon Mini Instagram dengan React Native

Dengan menggunakan JavaScript dan React Native, kita dapat membuat aplikasi seluler untuk berbagai platform dan untuk kategori apa pun atau aplikasi kloning apa pun seperti Instagram atau WhatsApp. Antarmuka yang kami buat juga diterjemahkan ke dalam tampilan asli. Kami akan dapat berbagi banyak kode yang kami buat antara perangkat iOS dan Android dan React Native memudahkan pembuatan kode khusus platform bila diperlukan. Kita dapat membuat aplikasi untuk kedua platform hanya dengan satu bahasa (JavaScript), kerangka kerja (React), mesin gaya, dan rantai alat. Setelah Anda mempelajarinya, Anda dapat menulisnya di mana saja.

Hari ini, kita akan membuat aplikasi mirip Instagram menggunakan komponen React Native yang paling umum. Komponen View, Text, Picture, dan FlatList akan digunakan untuk membuat feed gambar utama. Kami juga akan menggunakan TextInput dan ScrollView untuk membuat layar komentar.

Jika Anda belum terbiasa dengan pameran ini, Anda dapat mempelajari cara membuat aplikasi React asli di sini.
Kita harus memecah UI aplikasi kita menjadi beberapa komponen, yang kemudian akan kita kembangkan dan hubungkan bersama. Mari kita mulai dengan membedah halaman feed gambar. lihat di sini.

Setelah selesai, kita harus membuat empat komponen:

  • Avatar – Foto profil atau inisial pembuat gambar
  • AuthorRow – Baris horizontal yang berisi informasi tentang penulis: avatar dan namanya
  • Kartu – Item dalam umpan gambar yang berisi gambar dan informasi tentang pembuatnya
  • CardList – Daftar kartu di feed
Avatar

Cara termudah untuk menyimpan semua komponen kita bersama-sama dalam direktori komponen untuk aplikasi sederhana. Namun dalam aplikasi yang rumit seperti React, klon Instagram asli dan Javascript. Mari kita buat direktori baru bernama komponen dan file baru bernama di dalamnya. js
Komponen Tampilan dan Teks akan dirender menggunakan komponen Avatar kami. Style sheet akan digunakan, dan PropTypes akan digunakan untuk memvalidasi string, integer, dan props warna. Di Avatar, tempelkan kode di bawah ini. js

import { ColorPropType, StyleSheet, Text, View } from 'react-native';
import PropTypes from 'prop-types';
import React from 'react';

export default function Avatar({ size, backgroundColor, initials }) {
  const style = {
    width: size,
    height: size,
    borderRadius: size / 2,
    backgroundColor,
  };

  return (
    <View style={[styles.container, style]}>
      <Text style={styles.text}>{initials}</Text>
    </View>
  );
}

Avatar.propTypes = {
  initials: PropTypes.string.isRequired,
  size: PropTypes.number.isRequired,
  backgroundColor: ColorPropType.isRequired,
};

const styles = StyleSheet.create({
  container: {
    alignItems: 'center',
    justifyContent: 'center',
  },
  text: {
    color: 'white',
  },
});
PengarangRow.js

Buat file lain, AuthorRow.js, di folder “Komponen” yang sama. Ini adalah komponen baris horizontal yang berisi Avatar kita dan nama lengkap penulis. Kita akan mengimpor sebagian besar hal yang telah kita lihat di file ini: StyleSheet, View, Text, PropTypes, dan React. Kami juga akan menambahkan TouchableOpacity untuk menangani ketukan pada teks "Komentar", yang akan membawa kami ke layar komentar. Selain itu, kita perlu mengimpor komponen Avatar yang baru kita buat dan beberapa fungsi utilitas yang kita kloning ke dalam proyek ini di awal bab ini. Ke AuthorRow.js, tambahkan blok kode berikut.

import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
import PropTypes from 'prop-types';
import React from 'react';


import Avatar from './Avatar';
import getAvatarColor from '../utils/getAvatarColor';
import getInitials from '../utils/getInitials';


export default function AutoRow ({ fullname, linkText, onPressLinkText }) {
    return (
        <View style = {styles.container}>
            <Avatar
                size={35}
                initials={getInitials(fullname)}
                backgroundColor =  {getAvatarColor(fullname)} 
                />
                <Text style = {styles.text} numberofLines={1}>
                    {fullname}
                </Text>
                {!!linkText && (
                    <TouchableOpacity onPress={onPressLinkText} >
                        <Text numberOfLines={1}>{linkText}</Text>
                    </TouchableOpacity>
)}
        </View>
    )
}

const styles =StyleSheet.create({
    container: {
        height: 50,
        flexDirection: 'row',
        alignItems: 'center',
        paddingHorizontal: 10,
    },
    text: {
        flex: 1,
        marginHorizontal: 6,
    },
});
Kartu

Selanjutnya, kita akan membuat kartu yang berisi AuthorRow dan komponen Image, kita akan mendownload gambar dari URI. Buat file baru Card.js di direktori komponen. Tambahkan yang berikut ke file ini:

import { ActivityIndicator, Image, StyleSheet, View } from 'react-native';
import PropTypes from 'prop-types';
import React from 'react';

import AuthorRow from './AuthorRow';

export default class Card extends React.Component {
  static propTypes = {
    fullname: PropTypes.string.isRequired,
    image: Image.propTypes.source.isRequired,
    linkText: PropTypes.string.isRequired,
    onPressLinkText: PropTypes.func.isRequired,
  };

  state = {
    loading: true,
  };

  handleLoad = () => {
    this.setState({ loading: false });
  };

  render() {
    const { fullname, image, linkText, onPressLinkText } = this.props;
    const { loading } = this.state;

    return (
      <View>
        <AuthorRow
          fullname={fullname}
          linkText={linkText}
          onPressLinkText={onPressLinkText}
        />
        <View style={styles.image}>
          {loading && (
            <ActivityIndicator style={StyleSheet.absoluteFill} size={'large'} />
          )}
          <Image
            style={StyleSheet.absoluteFill}
            source={image}
            onLoad={this.handleLoad}
          />
        </View>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  image: {
    aspectRatio: 1,
    backgroundColor: 'rgba(0,0,0,0.02)',
  },
});

Pengantar cara membuat klon Instagram dengan React JS dan js berikutnya

Halo, Anda akan belajar cara membuat klon Instagram dengan React JS dan js berikutnya. Kami akan menggunakan Bootstrap 5 untuk membuat template klon Instagram kami. Saya sangat senang menunjukkan semuanya kepada Anda karena ini adalah salah satu aplikasi paling keren yang kami buat bersama.

Hari ini kamu akan mendapat banyak ilmu.

  • Salah satunya adalah mendapatkan objek dari API, membuat photostream, atau membuat profil pengguna.
  • Artikel ini berfungsi sebagai peta jalan untuk aplikasi kita, memaparkan semua yang perlu kita ketahui langkah demi langkah.
  • Anda dapat membuat aplikasinya sendiri dan menulis kode yang menurut Anda akan berfungsi dengan baik, atau Anda dapat membuatnya selangkah demi selangkah.

Cara membuat aplikasi Next.JS untuk Aplikasi React Native Instagram Clone

Untuk menghemat banyak waktu dan fokus hanya pada pengkodean, saya telah membuat permulaan proyek yang dapat Anda temukan di sini:

https://github.com/Duomly/nextjs-photo-app-duomly/tree/start-here

Anda perlu mengkloning repositori GitHub dan mulai membuat kode di cabang itu.

Cara membuat header di Next.js untuk Mengkloning Instagram di React Js

Header merupakan komponen penting dalam hampir semua program; kita akan membutuhkannya juga.

Dalam situasi ini, kita perlu membuat satu komponen yang disebut header.

Tambahkan template yang diperlukan ke js.
Di Next.JS, bagaimana cara membuat footer untuk React Instagram Clone?

Kita juga memerlukan elemen footer, yang mirip dengan header.

  • Sebuah footer akan diperlukan.
  • Footer adalah file dan komponen JSX.
  • Setelah itu, kita perlu membuat template footer dengan semua tombol yang relevan. Dalam contoh saya, ada tombol yang membawa Anda ke situs dan tombol lain yang membawa Anda ke profil pengguna.
  • Di aplikasi, tambahkan header dan footer.

BEJ
Bagian header dan footer kami sudah lengkap, dan itu luar biasa!

Sekarang kita harus mengintegrasikannya ke dalam aplikasi kita.

Untuk melakukannya, buka aplikasi. File JSX dan drag dan drop potongan-potongan ini ke dalam template render kita.

Di React Native atau Next.JS, bagaimana Anda mendapatkan data dari API?
Apa aspek terpenting dari aplikasi gambar?

Foto!

Untuk mendapatkan foto, kita harus menggunakan API fiktif yang mengembalikan file JSON dengan data tiruan.

Menggunakan app.jsx, dapatkan data dari /mocks/items.json).

Anda dapat memasukkan panggilan api awal ke dalam kait “useEffect”.

Bagaimana cara membuat komponen kartu? Berikutnya.js

Kartu yang berisi foto, hashtag, dan data yang ditautkan ke gambar tersebut merupakan aspek kunci kedua yang dapat kita lihat di aplikasi terkait foto.

Untuk memasukkan logika ini ke dalam aplikasi kita, kita perlu membuat komponen "Kartu" di kartu file.

BEJ.

Komponen tersebut terletak di folder “components/home”.

Buat templat komponen untuk kartu
Selanjutnya, kita akan mengembangkan template HTML yang terlihat seperti Instagram di dalam komponen kartu.

Saya menggunakan elemen kartu Bootstrap 5 dengan beberapa penyesuaian, dan saya menyarankan Anda melakukan hal yang sama.

Bootstrap 5 adalah kerangka CSS fantastis yang telah mengubah cara aplikasi dibangun. Ini mirip dengan Tailwind CSS.

Menurut saya desain elemennya juga meningkat.

Sertakan komponen kartu di halaman beranda.
Kartu tersebut adalah salah satu templat HTML yang paling sulit dibuat, dan Anda telah menyelesaikannya; bagus sekali!

Sekarang saatnya membiarkan perangkat lunak kita merender kartu-kartu ini.

Untuk melakukannya, buka beranda, yang dalam hal ini adalah halaman/index. js.

Selanjutnya, kita akan mengembangkan fungsi peta dan menerapkannya pada data kita, serta merender komponen Card dan mengirimkan data foto ke masing-masing komponen tersebut.

Selanjutnya, pelajari cara membuat rute.

js \sSelanjutnya.

Kita tidak perlu membuat perutean berbeda di js.

Ini sangat berguna ketika kita perlu membuat aplikasi dengan cepat.

Untuk mengatur routing, kita hanya perlu masuk ke direktori “pages” dan membuat direktori/file yang sesuai dengan jalur yang ingin kita kunjungi nanti.

Misalnya, jika kita ingin memiliki rute “/user/1,” di mana “1” adalah id, kita harus membuat direktori “user” dan file “[id].jsx” di dalamnya.

Ayo segera lakukan agar kita dapat mengunjungi profil pengguna pada langkah selanjutnya.

Di Next.JS, bagaimana cara membuat tampilan detail?
Setelah kita menyelesaikan perutean, kita harus pergi ke [id].jsx dan menulis beberapa logika di sana.

Mari kita mulai dengan membuat komponen fungsional standar yang disebut “UserPage.”

Komponen itu harus menerima props.

Di Next.JS, bagaimana cara mendapatkan ID perutean?
Kami tidak akan mempelajari hal-hal besar seperti redux atau mengelola status di tempat lain karena ini adalah proyek sederhana yang menggunakan API palsu.

  • Kami hanya mengambil semua data dalam skenario ini, dan sekarang kami perlu memfilternya.
  • Mari kita membangun logika yang dapat mengekstrak id pengguna dari rute.
  • Setelah itu, kita harus membuat fungsi yang akan memfilter semua foto dan memilih hanya foto yang relevan bagi pengguna kita.

Anggaplah pengguna yang dikunjungi tidak memiliki data apa pun, dalam hal ini router harus mengirim kita ke jalur “/”.

Sebagai langkah terakhir, kita harus membangun state hook dan memberi nama pengambilnya “bookmarked” dan penyetel “setBookmarked,” dengan “false” sebagai nilai default.

Buat templat halaman pengguna Anda sendiri.
Ini adalah langkah terakhir, dimana kita harus mendesain template.

Saya menggunakan Bootstrap 5 untuk membuat template, seperti yang saya lakukan pada langkah membuat kartu.

Anda dapat menonton filmnya di YouTube untuk melihat bagaimana saya menyelesaikannya, atau Anda dapat menulis kode Anda sendiri dan membandingkannya setelahnya untuk melihat apakah Anda melakukannya dengan cara yang sama.

Mencoba melakukan tugas sendiri adalah teknik pembelajaran yang jauh lebih efektif. Masih lebih baik jika Anda melakukan banyak kesalahan.

Di Next.js, bagaimana cara menambahkan gaya?

  • Gaya adalah fase terakhir dari aplikasi.
  • Styling selalu penting saat mengerjakan proyek front-end.
  • Akan ada beberapa perubahan meskipun Anda menggunakan kerangka kerja yang sudah jadi seperti Bootstrap atau Tailwind.
  • Saya harus memoles beberapa bantalan atau mengatur ruang putih sebagai “ruang istirahat” dalam situasi saya.
  • Hal berikutnya yang perlu saya lakukan adalah mengganti pengaturan warna bootstrap menjadi hitam murni.

Cara membuat clone Instagram dengan React JS dan Next JS kini sudah selesai.

Selamat, Anda telah menyelesaikan aplikasi clone Instagram Anda!

Anda mempelajari cara menggunakan React.JS dan Next.JS untuk membuat aplikasi luar biasa di episode hari ini.

Saya sangat menantikan untuk mengajari Anda semua topik luar biasa ini dan menyaksikan murid-murid kita mengembangkan bakat luar biasa tersebut.

Ditulis oleh Ashok Kumar
CEO, Pendiri, Kepala Pemasaran di Make An App Like. Saya Penulis di OutlookIndia.com, KhaleejTimes, DeccanHerald. Hubungi saya untuk mempublikasikan konten Anda. Profil

Tinggalkan Balasan

Translate »