first commit

Author: M-Julius

.bundle/config

@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1

.env.example

@@ -0,0 +1 @@
+API_URL='https://google.com/api'

.eslintrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+  root: true,
+  extends: '@react-native',
+  rules: {
+    'react-native/no-inline-styles': 'off',
+    'react/no-unstable-nested-components': 'off',
+  },
+};

.github/workflows/coverage.yml

@@ -0,0 +1,15 @@
+name: Test Coverage
+
+on: [push]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Install Dependencies
+        run: npm install
+      - name: Run Tests and Generate Coverage
+        run: npm run test -- --coverage
+      - name: Upload Coverage to Codecov
+        uses: codecov/codecov-action@v3

.gitignore

@@ -0,0 +1,76 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+**/.xcode.env.local
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+*.hprof
+.cxx/
+*.keystore
+!debug.keystore
+
+# node.js
+#
+.env
+coverage
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+**/fastlane/report.xml
+**/fastlane/Preview.html
+**/fastlane/screenshots
+**/fastlane/test_output
+
+# Bundle artifact
+*.jsbundle
+
+# Ruby / CocoaPods
+**/Pods/
+/vendor/bundle/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*
+
+# testing
+/coverage
+
+# Yarn
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  arrowParens: 'avoid',
+  bracketSameLine: true,
+  bracketSpacing: false,
+  singleQuote: true,
+  trailingComma: 'all',
+};

.watchmanconfig

@@ -0,0 +1 @@
+{}

.yarn/releases/yarn-3.6.4.cjs

@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-3.6.4.cjs

.yarnrc.yml

@@ -0,0 +1,37 @@
+import React from 'react';
+import {render} from '@testing-library/react-native';
+import {Provider} from 'react-redux';
+import {PersistGate} from 'redux-persist/integration/react';
+import configureMockStore from 'redux-mock-store';
+import {NavigationContainer} from '@react-navigation/native';
+import App from './App';
+import {persistor} from './app/core/store/store';
+
+// Mock necessary parts of the app
+jest.mock('redux-persist/integration/react', () => ({
+  PersistGate: ({children}: {children: React.ReactNode}) => children,
+}));
+
+jest.mock('@react-navigation/native', () => ({
+  NavigationContainer: ({children}: {children: React.ReactNode}) => children,
+}));
+
+// Create a mock store
+const mockStore = configureMockStore();
+const store = mockStore({});
+
+describe('App', () => {
+  it('renders correctly', () => {
+    const {} = render(
+      <Provider store={store}>
+        <PersistGate loading={null} persistor={persistor}>
+          <NavigationContainer>
+            <App />
+          </NavigationContainer>
+        </PersistGate>
+      </Provider>,
+    );
+
+    expect(true).toBe(true);
+  });
+});

App.test.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { NavigationContainer } from '@react-navigation/native';
+import { Provider } from 'react-redux';
+import { PersistGate } from 'redux-persist/integration/react';
+import store, { persistor } from './app/core/store/store';
+import RootNavigation from './app/core/navigation/root-navigation';
+
+function App() {
+  return (
+    <SafeAreaProvider>
+      <PersistGate loading={null} persistor={persistor}>
+        <Provider store={store}>
+          <NavigationContainer>
+            <RootNavigation />
+          </NavigationContainer>
+        </Provider>
+      </PersistGate>
+    </SafeAreaProvider>
+  );
+}
+
+export default App;

App.tsx

@@ -0,0 +1,8 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby ">= 2.6.10"
+
+# Exclude problematic versions of cocoapods and activesupport that causes build failures.
+gem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'
+gem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'

Gemfile

@@ -0,0 +1,105 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    CFPropertyList (3.0.7)
+      base64
+      nkf
+      rexml
+    activesupport (6.1.7.8)
+      concurrent-ruby (~> 1.0, >= 1.0.2)
+      i18n (>= 1.6, < 2)
+      minitest (>= 5.1)
+      tzinfo (~> 2.0)
+      zeitwerk (~> 2.3)
+    addressable (2.8.7)
+      public_suffix (>= 2.0.2, < 7.0)
+    algoliasearch (1.27.5)
+      httpclient (~> 2.8, >= 2.8.3)
+      json (>= 1.5.1)
+    atomos (0.1.3)
+    base64 (0.2.0)
+    claide (1.1.0)
+    cocoapods (1.15.2)
+      addressable (~> 2.8)
+      claide (>= 1.0.2, < 2.0)
+      cocoapods-core (= 1.15.2)
+      cocoapods-deintegrate (>= 1.0.3, < 2.0)
+      cocoapods-downloader (>= 2.1, < 3.0)
+      cocoapods-plugins (>= 1.0.0, < 2.0)
+      cocoapods-search (>= 1.0.0, < 2.0)
+      cocoapods-trunk (>= 1.6.0, < 2.0)
+      cocoapods-try (>= 1.1.0, < 2.0)
+      colored2 (~> 3.1)
+      escape (~> 0.0.4)
+      fourflusher (>= 2.3.0, < 3.0)
+      gh_inspector (~> 1.0)
+      molinillo (~> 0.8.0)
+      nap (~> 1.0)
+      ruby-macho (>= 2.3.0, < 3.0)
+      xcodeproj (>= 1.23.0, < 2.0)
+    cocoapods-core (1.15.2)
+      activesupport (>= 5.0, < 8)
+      addressable (~> 2.8)
+      algoliasearch (~> 1.0)
+      concurrent-ruby (~> 1.1)
+      fuzzy_match (~> 2.0.4)
+      nap (~> 1.0)
+      netrc (~> 0.11)
+      public_suffix (~> 4.0)
+      typhoeus (~> 1.0)
+    cocoapods-deintegrate (1.0.5)
+    cocoapods-downloader (2.1)
+    cocoapods-plugins (1.0.0)
+      nap
+    cocoapods-search (1.0.1)
+    cocoapods-trunk (1.6.0)
+      nap (>= 0.8, < 2.0)
+      netrc (~> 0.11)
+    cocoapods-try (1.2.0)
+    colored2 (3.1.2)
+    concurrent-ruby (1.3.4)
+    escape (0.0.4)
+    ethon (0.16.0)
+      ffi (>= 1.15.0)
+    ffi (1.17.0)
+    fourflusher (2.3.1)
+    fuzzy_match (2.0.4)
+    gh_inspector (1.1.3)
+    httpclient (2.8.3)
+    i18n (1.14.5)
+      concurrent-ruby (~> 1.0)
+    json (2.7.2)
+    minitest (5.25.1)
+    molinillo (0.8.0)
+    nanaimo (0.3.0)
+    nap (1.1.0)
+    netrc (0.11.0)
+    nkf (0.2.0)
+    public_suffix (4.0.7)
+    rexml (3.3.7)
+    ruby-macho (2.5.1)
+    typhoeus (1.4.1)
+      ethon (>= 0.9.0)
+    tzinfo (2.0.6)
+      concurrent-ruby (~> 1.0)
+    xcodeproj (1.25.0)
+      CFPropertyList (>= 2.3.3, < 4.0)
+      atomos (~> 0.1.3)
+      claide (>= 1.0.2, < 2.0)
+      colored2 (~> 3.1)
+      nanaimo (~> 0.3.0)
+      rexml (>= 3.3.2, < 4.0)
+    zeitwerk (2.6.18)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  activesupport (>= 6.1.7.5, != 7.1.0)
+  cocoapods (>= 1.13, != 1.15.1, != 1.15.0)
+
+RUBY VERSION
+   ruby 2.6.10p210
+
+BUNDLED WITH
+   1.17.2

Gemfile.lock

@@ -0,0 +1,58 @@
+# Merchant Abnk 
+[![Codecov](https://codecov.io/gh/M-Julius/Merchant-Abnk/branch/main/graph/badge.svg)](https://codecov.io/gh/M-Julius/Merchant-Abnk)
+
+[<img src="screenshoot/abnk.png" />](screenshot/abnk.png)
+Merchant Abnk is a mobile application that displays a list of merchants at abnk, with authentication by phone number, and verify by code otp.
+
+## Currently includes:
+- [Demo](https://drive.google.com/file/d/1PPFvwRib2ypZCatcYbmaPnB2K08P4d0X/view?usp=sharing)
+- Built with React Native CLI
+- React Navigation for routing and navigation
+- Redux Toolkit for state management
+- TypeScript for type safety
+- Unit Testing with coverage of 88%
+- And more!
+
+
+## Installation
+
+1. Clone this repository
+
+```bash
+git clone https://github.com/M-Julius/Merchant-Abnk.git
+```
+
+2. Install dependencies
+
+```bash
+cd Merchant-Abnk
+yarn install
+```
+3. Setup environment in ```.env```
+```bash
+API_URL='https://api.your.com/api' # add your API_URL in here
+```
+
+4. Run a
+
+for android
+```bash
+yarn android 
+```
+for ios
+```bash
+cd ios
+bundle install # you need to run this only once in your project.
+bundle exec pod install
+cd ..
+```
+```bash
+yarn ios
+```
+
+## Feature App:
+- [x] Splashscreen
+- [x] Login with mobile number
+- [x] Verify OTP
+- [x] Homescreen - Merchant list
+- [x] Profile Screen

README.md

@@ -0,0 +1,5 @@
+export default {
+    setItem: jest.fn(),
+    getItem: jest.fn(),
+    removeItem: jest.fn(),
+};

__mocks__/@react-native-async-storage/async-storage.js

@@ -0,0 +1,4 @@
+export default {
+    post: jest.fn(),
+    get: jest.fn(),
+};

__mocks__/api.js

@@ -0,0 +1 @@
+module.exports = 'test-file-stub';