x3xmermaid/noteApp_front

React Native Note App With Redux

Introduction

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]

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)
3. notes backend (https://github.com/alavanta/restful-note-app-api-.git)

How to run the app ?

1. Clone or download first this repository with git clone https://github.com/alavanta/simple-note-app-fullstack.git
2. Open the project in your favorite text editor
3. Open your terminal or cmd and type npm install
4. Run backend first
5. And the last thing just type react-native run-android in your terminal or cmd , be sure if you connected with a device on debugging mode or use the emulator on debugging mode too.

Related Project

Front End https://github.com/x3xmermaid/noteApp_front Back End https://github.com/x3xmermaid/noteApp

Released APK

if u want to test it out , u can download it here https://drive.google.com/open?id=1juhuQKbn2zUMNN-D8454QwY70T2WLHS3

Watch how the app work

Here! https://drive.google.com/file/d/1wou8ODABpFLs7KrKkF5vHPUIwvB0a3of/view?usp=sharing

Screenshot from the app

HOME

SORT

SEARCH

MenuDrawer

ADD CATEGORY

DELETE CATEGORY ON LONG PRESS

ADD NOTE

EDIT NOTE