Skip to content

The mobile notes application uses the React Native framework with Redux

Notifications You must be signed in to change notification settings

akashraw/React-Native-Note-App

 
 

Repository files navigation

React Native Note App - RESTful API

Introduction

React Native Node.js

Here is my new repository which builded with React Native Framework for making the User Interface in JavaScript syntax, see my previous repository about RESTful API Note App with Express for the backend side and making API.

What is React Native ?

React Native is an open-source mobile application framework created by Facebook. It is used to develop applications for Android, iOS and UWP by enabling developers to use React along with native platform capabilities. [1]

Why using React Native ?

6 main reason why me using React Native for make a mobile app :

  1. It's got iOS and Android covered
  2. Reusable components allow hybrid apps to render natively
  3. Apply React Native UI component to an existing app's code-without any rewriting at all
  4. It’s one of the top mobile JavaScript frameworks among developers—and growing
  5. React Native is all about the UI
  6. Native app development is much more efficient

How React Native works ?

Short explanation about How React Native Works.

React Native invokes Objective-C APIs to render to iOS components, or Java APIs to render to Android components. This sets React Native apart from other cross-platform app development options, which often end up rendering web-based views.

Requirements

  1. npm (node package manager)
  2. react-native-cli (from npm)

How to run the app ?

  1. Clone or download first this repository with
git clone https://github.com/aahmadhadi/RESTful-API-Note-App-with-Express.git
  1. Open the project in your favorite text editor
  2. Open your terminal or cmd and type
npm install
  1. Open \src\Public\redux\actions\notes.js and edit the IP url according to your ip backend
  2. And the last just type in your terminal or cmd
react-native run-android

be sure if you connected with a device on debugging mode or use the emulator on debugging mode too.

Demonstration

Home Screen

Sort Ascending / Descending

Search

Sort by Category

Insert Delete Note

Update Note

Insert Delete Category

Authors

About

The mobile notes application uses the React Native framework with Redux

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 84.5%
  • Objective-C 7.7%
  • Python 3.9%
  • Java 3.9%