rifkiandriyanto/wayahNgopi-frontendMobile

Frontend point of sale build with react native - redux

SCREENSHOOT DEMO

• Product

• Home

• Cart

• Payment

• Profile

Table Of Contents

• Intro
• Requirments
• Related Projects
• Dependencies
  • Clone Repo
  • Install Depedencies
  • Update Depedencies
  • Setup Environment
  • Run server development
  • Build For Production
• Dependencies
• License

---

Intro

WayahNgopi is a point of sale application covering all sales features starting from product management, category management, orders, and payment amount. This application was created using Reacts Native and backend using Express and MySQL.

---

Features

• Manage Product (CRUD)
• Manage Category (CRUD)
• Manage User (CRUD)
• Fancy UI Design
• Simple Add to cart and manipulate quantity in checkout
• Order product
• Count payment receipt
• Authentication with JWT in backend
• Persist and rehydrate a redux store

---

Requirments

• Nodejs v10 LTS version
• Npm package / Yarn package

---

Related Projects

This project is related to several platforms

• Backend https://github.com/rifkiandriyanto/wayahNgopi-Backend
• Web App https://github.com/rifkiandriyanto/wayahNgopi-frontendWeb
• Mobile App https://github.com/rifkiandriyanto/wayahNgopi-frontendMobile

---

Installation

Clone Repo

clone the repository

$ git clone https://github.com/rifkiandriyanto/wayahNgopi-frontendMobile
$ cd point-of-sale-frontend

Install Depedencies

$ npm install

Update Depedencies

$ npm update

Setup Environment

Before project development or build for production, you should create new .env file, edit API_KEY variable to backend server. you can found the backend server here.. https://github.com/rifkiandriyanto/wayahNgopi-Backend

API_KEY=<Backend-api-url>

Run on android device

if you want start on development mode.

$ npx react-native run-android

Run on ios device

if you want start on development mode.

$ npx react-native run-ios

Build For Production

build for production ready, and host ready

$ cd android && ./gradlew --assembleRelease

---

Dependencies

List of depedencies using in this project

Plugin	Description
React Native	Mobile Apps Framework
Axios	HTTP client for request API
Redux	Global State Management
Redux Promise Middleware	Promise handler for react redux
Redux Promise Persist	Persist and rehydrate a redux store
React Native dotenv	Ract Native dotenv

License

MIT

@2020 - Rifki Andriyanto