shahshubh / socialapp-react-native Goto Github PK

View Code? Open in Web Editor NEW

151.0 1.0 50.0 4.53 MB

Social Networking mobile app similar to Instagram in React Native.

Home Page: https://shahshubh.github.io/SocialApp-React-Native/

License: MIT License

JavaScript 100.00%

react react-native react-navigation redux expo expo-image-picker native-base socket-io socialapp instagram

socialapp-react-native's Introduction

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 | Home Screen | Profile Screen

User Posts Screen | User Stats Screen | Find People Screen

User Chats List Screen | Chat Screen | Comments Screen

Create Post Screen | 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

socialapp-react-native's People

Contributors

Stargazers

Watchers

socialapp-react-native's Issues

Multiple images post ?

Hey again !
I wonder if you could help me out on this one, how can i upload multiple pictures in a single post ?
hear from you soon ❤️

Error while configure on local

Hello I am trying to setup your code but getting below error
react-native-cli: 2.0.1
react-native: 0.61.4

Building optimized bundles and generating sourcemaps... Using legacy Metro server to bundle your JavaScript code, you may encounter unexpected behavior if your project uses a custom metro.config.js file. Please upgrade your project to Expo SDK 40+. If you experience CLI issues after upgrading, try using the env var EXPO_USE_DEV_SERVER=1. Starting Metro Bundler Building iOS bundle node_modules\react-native\Libraries\Blob\URL.js: Unexpected token punc «:», expected punc «,» in file node_modules\react-native\Libraries\Blob\URL.js at 95:30 node_modules\react-native\Libraries\Blob\URL.js: Unexpected token punc «:», expected punc «,» in file node_modules\react-native\Libraries\Blob\URL.js at 95:30 Error: Unexpected token punc «:», expected punc «,» in file node_modules\react-native\Libraries\Blob\URL.js at 95:30 at C:\react-native\amorist_react_native\node_modules\metro\src\JSTransformer\worker.js:430:17 at Generator.next (<anonymous>) at asyncGeneratorStep (C:\react-native\amorist_react_native\node_modules\metro\src\JSTransformer\worker.js:75:24) at _next (C:\react-native\amorist_react_native\node_modules\metro\src\JSTransformer\worker.js:95:9) at C:\react-native\amorist_react_native\node_modules\metro\src\JSTransformer\worker.js:100:7 at new Promise (<anonymous>) at C:\react-native\amorist_react_native\node_modules\metro\src\JSTransformer\worker.js:92:12 at JsTransformer._minifyCode (C:\react-native\amorist_react_native\node_modules\metro\src\JSTransformer\worker.js:437:7) at C:\react-native\amorist_react_native\node_modules\metro\src\JSTransformer\worker.js:367:33 iOS Bundling failed 3591ms Packager URL http://127.0.0.1:19001/node_modules\expo\AppEntry.bundle?dev=false&hot=false&minify=true&platform=ios returned unexpected code 500. Please open your project in the Expo app and see if there are any errors. Also scroll up and make sure there were no errors or warnings when opening your project.

my package.json

`{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "@react-native-community/masked-view": "0.1.6",
    "@react-navigation/bottom-tabs": "^5.6.1",
    "@react-navigation/native": "^5.6.1",
    "@react-navigation/stack": "^5.6.2",
    "expo": "~37.0.3",
    "expo-constants": "~9.0.0",
    "expo-image-picker": "~8.1.0",
    "expo-permissions": "~8.1.0",
    "native-base": "^2.13.12",
    "react": "~16.9.0",
    "react-dom": "~16.9.0",
    "react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",
    "react-native-flash-message": "^0.1.15",
    "react-native-gesture-handler": "^1.6.0",
    "react-native-gifted-chat": "^0.16.3",
    "react-native-popup-menu": "^0.15.9",
    "react-native-reanimated": "^1.7.0",
    "react-native-safe-area-context": "0.7.3",
    "react-native-screens": "~2.2.0",
    "react-native-tab-view": "^2.14.4",
    "react-redux": "^7.2.0",
    "redux": "^4.0.5",
    "redux-thunk": "^2.3.0",
    "socket.io-client": "^2.3.0"
  },
  "devDependencies": {
     "@babel/core": "^7.12.9",
    "babel-preset-expo": "~8.1.0"
  },
  "private": true
}`

Thanks! Love your app by the way!