Social Media App - React Native

Welcome to the Social Media App, a mobile application developed using React Native. This app allows users to connect with friends, share posts, photos, and engage in meaningful conversations.

demo.mp4

Backend App - GitHub Repository

Features

• Fully Built Backend Server: A Node.js backend server was created to handle the business logic of the app.
• User Authentication: Users can create accounts, log in, and securely reset passwords.
• News Feed: Users can view posts from friends and engage by liking and commenting.
• Post Creation: Users can create and publish their own posts with text and images.
• Post Engagement: Users can engage with posts by commenting, liking, and reposting.
• Followers: Users can connect with friends, follow/unfollow, and see their activities.
• Push Notifications: Users receive real-time notifications for chats, comments, and follows.
• Profile: Users can set up their profile, update information, and view their posts.
• Video: Users can upload and play videos.
• Audio: Users can upload and play audio.
• Chat: Users can chat with other users.
• Download Photos: Users can download videos and images.
• Update Details: Users can update details like passwords, usernames, and names.
• Dark Mode: You can choose between 3 modes: "System," "Light," and "Dark."

Getting Started

Note: Start the backend server on Port 80 - Qui Express Backend App

1. Clone this repository: git clone https://github.com/ElSierra/Social-app-React-Native

2. Navigate to the project directory: cd Social-app-React-Native

3. Install dependencies: npm install

4. Create a .env file in the root directory and set up your environment variables:

   • EXPO_PUBLIC_API_URL= http://{ip address}

     # To get the local IP address on Windows
     ipconfig
     # IPv4 Address. . . . . . . . . . . : 192.168.0.106

   • EXPO_PROJECT_ID={expo project id}

5. Run the app: npm run android