
Pencilr-Social Networking App With Backend v 2.0.0
Pencilr is a Full Stack social networking mobile app available in light mode & dark mode for iOS & Android. Built with React Native, Nodejs, Firebase, Express & TypeScript.
It includes a backend REST API, Cloud Firestore, Cloud Functions, Facebook auth.
Suitable for building fully featured social networking app, online magazine, news, or story segments apps.
Note: This product is available with Expo Client.
Development Environment
Perceive the experience as an end user
Social App is available in dark mode as well as light mode with beautiful UI
- ● SplashScreen
- ● Facebook Login
- ● Profile New Post
- ● Feeds
- ● Comments
- ● Settings
- ● Notification
- ● Edit Profile
- ● Modify Feed
- ● Sorting Comments
- ● Share & Delete Post
- ● Dark Mode Screens
- ● Light Mode Screens
Product Features
- Implemented with Facebook Login
- Upload new posts based on technology, science & other categories
- Allows to delete post
- Allows users to delete their own comments
- Like & Comment
- Screens available in Dark Mode & Light Mode
- Allows to check latest posts
- Allows to share post
- View & Edit Profile
- Sorting Comments according to time
- Suitable for creating products like social networking app, online magazine, news, or story segments apps
- It includes a backend REST API, cloud firestore, cloud functions, Facebook auth, uploading images, notifications


Technologies Used
- React Native
- Node.js
- Firebase
- Express
- TypeScript for static type-checking
- Implemented with React Hooks, Context-API for state management
- Detailed article available here.
Package
Social Networking App With Backend
- ● @expo/react-native-action-sheet: ^3.5.0
- ● @react-native-community/masked-view: 0.1.6
- ● axios: ^0.19.2
- ● expo: ^37.0.0
- ● expo-asset: ~8.1.5
- ● expo-constants: ~9.0.0
- ● expo-facebook: ~8.1.0
- ● expo-font: ~8.1.0
- ● expo-image-picker: ~8.1.0
- ● expo-linear-gradient: ~8.1.0
- ● expo-web-browser: ~8.2.1
- ● jwt-decode: ^2.2.0
- ● lodash: ^4.17.15
- ● lottie-react-native: ~2.6.1
- ● moment: ^2.24.0
- ● native-base: 2.13.8
- ● react: 16.9.0
- ● react-native: https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz
- ● react-native-gesture-handler: ~1.6.0
- ● react-native-paper: ^3.6.0
- ● react-native-reanimated: ~1.7.0
- ● react-native-safe-area-context: 0.7.3
- ● react-native-screens: ~2.2.0
- ● react-native-size-matters: ^0.3.0
- ● react-native-svg: 11.0.1
- ● react-navigation: ^4.1.1
- ● react-navigation-stack: ^2.1.1
- ● react-navigation-tabs: ^2.7.0
- ● @babel/core: ^7.0.0
- ● @types/node: ^13.7.0
- ● @types/react: ^16.9.11
- ● @types/react-native: ^0.60.22
- ● babel-preset-expo: ^8.1.0
- ● tslint: ^6.0.0
- ● tslint-config-prettier: ^1.18.0
- ● typescript: ^3.8.3