An open API service indexing awesome lists of open source software.

https://github.com/hernanhawryluk/instagram-clone-app

Fully functional Instagram replica built in React Native, showcasing my skills as a mobile app developer. Explore the features and functionality of Instagram in this project.
https://github.com/hernanhawryluk/instagram-clone-app

firebase-integration instagram-clone mobile-app-development react-native social-media-app

Last synced: 25 days ago
JSON representation

Fully functional Instagram replica built in React Native, showcasing my skills as a mobile app developer. Explore the features and functionality of Instagram in this project.

Awesome Lists containing this project

README

          

# instagram-clone-app

Instagram Logo


Opciones de lenguaje


Change language to english
Cantidad de visitas


Tecnologías utilizadas


React Native
Expo
Firebase

## Descripción

Una réplica funcional de Instagram desarrollada en React Native como parte de mi portafolio como desarrollador. Explora las características y funcionalidades de Instagram en este proyecto.

## Características

- Autenticación de usuarios.
- Descubre, busca y comparte contenido y usuarios.
- Crea, edita y comparte publicaciones, historias y reels.
- Carga fácil de imágenes desde tu dispositivo o cámara.
- Interactúa socialmente: da "me gusta," comenta y sigue a otros usuarios.
- Perfiles de usuarios personalizados con información y lista de publicaciones.
- Notificaciones y chat en tiempo real para mantenerte conectado.

## Tecnologías utilizadas

- Expo.
- React Native.
- Firebase (autenticación y almacenamiento en la nube).

## Descargar la aplicación para dispositivos Android

- [![Descargar APK para Android](https://img.shields.io/badge/Google%20Drive-instagram--clone--app.apk-blue?logo=googledrive)](https://drive.google.com/file/d/15ahphglkz-yoSmbGTq201YoZ-xWay-pn/view?usp=drive_link)

## Video de la aplicación corriendo en iOS:

- [![Video en YouTube](https://img.shields.io/badge/YouTube-instagram--clone--app-d22?logo=youtube&logoColor=d22)](https://youtu.be/llQH79EdmfU)

## Capturas de Pantalla
















## Instrucciones para Ejecutar en un Emulador:

### Requisitos:

- Node.js.
- Android Studio (para Android).
- Xcode (para iOS).
- Firebase.

### Instrucciones:

1. Configura Firebase:

- Crea un proyecto en Firebase y habilita Authentification, Firestore y Storage.
- Aplica las reglas de Firebase y Firestore que se encuentran en las carpetas `/src/services/firebase.rules` y `firestore.rules`.
- Añade las credenciales de Firebase en el archivo `/src/services/firebaseConfig.js`.
- Renombra `/src/services/firebaseConfig.js` a `/src/services/firebase.js`.

2. **Descargar el repositorio**

```bash
git clone https://github.com/hernanhawryluk/instagram-clone-app
```

3. **Accede al directorio del proyecto**

```bash
cd instagram-clone-app
```

4. **Instalar las dependencias**

```bash
npm install
```

5. **Crear un Developer Build**

- Para correr en emulador de iOS:

```bash
npx expo run:ios
```

- Para correr en emulador de Android:

```bash
npx expo run:android
```

6. **Iniciar la aplicación**

```bash
npm start
```

7. **Seleccionar el emulador**

- Presiona "a" para emulador de Android.
- Presiona "i" para emulador de iOS.

## ¿Donde encontrarme?


GitHub
GitHub