Pencilr-Social Networking App With Backend

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
Pencilr-Social Networking App With Backend
Pencilr-Social Networking App With Backend

Technologies Used

  • React Native
  • Node.js
  • Firebase
  • Express
  • TypeScript for static type-checking
  • Implemented with React Hooks, Context-API for state management

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

BROUGHT TO YOU BY

Start building your app today!

Get Started