SocialApp-React-Native
SocialApp-React-Native copied to clipboard
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
![](https://github.com/shahshubh/SocialApp-React-Native/raw/master/screenshots/1.jpg)
![](https://github.com/shahshubh/SocialApp-React-Native/raw/master/screenshots/2.jpg)
![](https://github.com/shahshubh/SocialApp-React-Native/raw/master/screenshots/3.jpg)
User Posts Screen      |      User Stats Screen      |      Find People Screen
![](https://github.com/shahshubh/SocialApp-React-Native/raw/master/screenshots/4.jpg)
![](https://github.com/shahshubh/SocialApp-React-Native/raw/master/screenshots/5.jpg)
![](https://github.com/shahshubh/SocialApp-React-Native/raw/master/screenshots/6.jpg)
User Chats List Screen      |      Chat Screen      |      Comments Screen
![](https://github.com/shahshubh/SocialApp-React-Native/raw/master/screenshots/7.jpg)
![](https://github.com/shahshubh/SocialApp-React-Native/raw/master/screenshots/8.jpg)
![](https://github.com/shahshubh/SocialApp-React-Native/raw/master/screenshots/9.jpg)
Create Post Screen      |      Notification on new message
![](https://github.com/shahshubh/SocialApp-React-Native/raw/master/screenshots/10.jpg)
![](https://github.com/shahshubh/SocialApp-React-Native/raw/master/screenshots/11.jpg)
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