SocialApp React Native Save

Social Networking mobile app similar to Instagram in React Native.

Project README
SocialApp-rn

SocialApp-React-Native

Social Networking mobile app similar to Instagram in React Native.
Native mobile application for my SocialApp-MERN (web) project.
Find its Github repo here

Download Apk File from here

Features

  • Authentication using JWT.
  • Forgot password.
  • Edit your profile.
  • Follow / Unfollow users.
  • create / edit / delete posts.
  • create / delete comments.
  • Like / Unlike posts.
  • Personal chat with users.
  • Notifications on new messages.

Demo

Signup Screen &nbsp&nbsp&nbsp&nbsp | &nbsp&nbsp&nbsp&nbsp Home Screen &nbsp&nbsp&nbsp&nbsp | &nbsp&nbsp&nbsp&nbsp Profile Screen

User Posts Screen &nbsp&nbsp&nbsp&nbsp | &nbsp&nbsp&nbsp&nbsp User Stats Screen &nbsp&nbsp&nbsp&nbsp | &nbsp&nbsp&nbsp&nbsp Find People Screen

User Chats List Screen &nbsp&nbsp&nbsp&nbsp | &nbsp&nbsp&nbsp&nbsp Chat Screen &nbsp&nbsp&nbsp&nbsp | &nbsp&nbsp&nbsp&nbsp Comments Screen

Create Post Screen &nbsp&nbsp&nbsp&nbsp | &nbsp&nbsp&nbsp&nbsp Notification on new message

Run project locally

  • clone this Repository by git clone https://github.com/shahshubh/SocialApp-React-Native.git.
  • Change directory cd SocialApp-React-Native
  • Make sure you have expo-cli installed. If not run npm install -g expo-cli
  • Install the dependencies using npm install
  • create new file env.js in root directory and add
    const vars = {
        apiUrl: "https://socialapp-serverr.herokuapp.com",
        defaultImageUri: "https://socialapp-serverr.herokuapp.com/static/images/defaultprofile.jpg"
    };
    
    export default vars;
    
  • Run npm start
  • Then type in terminal a to run on android emulator, i to run on ios simulator.

For more info read https://reactnative.dev/docs/getting-started

Open Source Agenda is not affiliated with "SocialApp React Native" Project. README Source: shahshubh/SocialApp-React-Native

Open Source Agenda Badge

Open Source Agenda Rating