DeligenceTechnologies / Blog-Mobile-Apps-using-React-Native

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Deligence Technologies' Blog

#Overview Welcome to Deligence Technologies' Blog! The is a minimal blog app built using React Native with Meteor for android. This app provides with few functionalities of a blog and here we will go through the all the features provided by the app.

You can contact us at info [@] deligence.com in case of any doubt or query.

#Home

Logged in user

Logged out user


#Sign In and create account

User Sign In

User Create Account


#Top Navigation Menu

Menu for logged out user

Menu for logged in user


Blog View

All blogs view

One blog view with comments


#Chat View

Online, offline user and chat view


#Profile View

User profile view and profile update


#Getting Started

#Installing Dependencies You will need Node.js, Meteor, the React Native command line interface, and Android Studio.

#Node

Follow the installation instructions for your Linux distribution to install Node.js 4 or newer.

#Meteor

Install Meteor to linux using following command

$ curl https://install.meteor.com/ | sh

#React Native command line

Use npm package manager to install react-native-cli

$ npm install -g react-native-cli

#Android Studio

Download and install Android Studio from the following link. https://developer.android.com/studio/install.html

#Installation

#Meteor_Blog Run

$ npm install
inside the Meteor_Blog directory.

#RNBlog Run

$ npm install
inside the RNBlog directory.

#Running the application

Running on Android Emulator

  • Be sure your Meteor app is running: In the Meteor_Blog directory, type
    $ meteor
  • Get the IP address of your machine
  • In "RNBlog/app/config/settings.js" change "localhost" to your machine's IP address
  • Make sure you have an emulator configured and running.
  • From the "RNBlog" directory run
    $ react-native run-android

Running on Android Device

  • Be sure your Meteor app is running: In the MeteorApp directory, type
    $ meteor
  • Make sure USB Debugging is enabled
  • Plug your device into your computer
  • Run
    $ adb devices
    to make sure your device shows up
  • Run
    $ adb reverse tcp:8081 tcp:8081
  • In "RNApp/app/config/settings.js" change "localhost" in "METEOR_URL" to your computer's IP address (see note in "Running on Android" section on how to get your IP Address)
  • Run
    $ react-native run-android

For further information please reference the official docs.

About


Languages

Language:JavaScript 91.8%Language:Objective-C 4.5%Language:Python 1.7%Language:Java 1.3%Language:HTML 0.7%Language:CSS 0.0%