Feat/makeover (#35)

* upgrade all android func.

* upgrading RN

* tsc clean

* count case V

* count with hook case V

* Easy Button revamp V

* FlatList revamp V

* FlatList revamp V

* Home revamp V and assests transf.

* Video revamp V

* tests passing, still in need of revamping last compos: modal 2 logins and list with...

* Modal revamp V

* Login related revamp V

* list with fetch related revamp V

* Cleanup and README.md

* fixed video not playing on iOS bug

Author: vanGalilea

.buckconfig

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

.bundle/config

@@ -1,13 +1,4 @@
 module.exports = {
   root: true,
   extends: '@react-native-community',
-  parser: '@typescript-eslint/parser',
-  plugins: ['@typescript-eslint', 'jest'],
-  rules: {
-    semi: [2, 'never'],
-    'react-native/no-inline-styles': 0,
-  },
-  env: {
-    'jest/globals': true,
-  },
-}
+};

.eslintrc.js

@@ -20,32 +20,25 @@ DerivedData
 *.hmap
 *.ipa
 *.xcuserstate
+ios/.xcode.env.local
 
 # Android/IntelliJ
 #
+build/
 .idea
 .gradle
 local.properties
 *.iml
 *.hprof
-
-# Visual Studio Code
-#
-.vscode/
+.cxx/
+*.keystore
+!debug.keystore
 
 # node.js
 #
 node_modules/
 npm-debug.log
 yarn-error.log
-package-lock.json
-yarn.lock
-
-# BUCK
-buck-out/
-\.buckd/
-*.keystore
-!debug.keystore
 
 # fastlane
 #
@@ -54,13 +47,17 @@ buck-out/
 # 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/report.xml
+**/fastlane/Preview.html
+**/fastlane/screenshots
+**/fastlane/test_output
 
 # Bundle artifact
 *.jsbundle
 
-# CocoaPods
+# Ruby / CocoaPods
 /ios/Pods/
+/vendor/bundle/
 
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*

.gitattributes

@@ -0,0 +1 @@
+18

.gitignore

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

.node-version

@@ -1,33 +1,33 @@
-import 'react-native-gesture-handler'
-import React from 'react'
-import Counter from './Counter'
-import LoginSubmission from './LoginSubmission'
-import {NavigationContainer} from '@react-navigation/native'
+import React from 'react';
+import {NavigationContainer} from '@react-navigation/native';
 import {
   createStackNavigator,
   StackNavigationProp,
-} from '@react-navigation/stack'
-import EasyButton from './EasyButton'
-import Home from './Home'
-import {ThemeProvider} from '../utils/theme'
-import Video from './Video'
-import Modal from './Modal'
-import FlatList from './FlatList'
-import ListWithFetch from './ListWithFetch'
+} from '@react-navigation/stack';
+import Home from './src/components/Home';
+import EasyButton from './src/components/EasyButton';
+import Video from './src/components/Video';
+import FlatList from './src/components/FlatList';
+import Modal from './src/components/Modal';
+import {ThemeProvider} from './src/utils/theme';
+import ListWithFetch from './src/components/ListWithFetch';
+import LoginSubmission from './src/components/LoginSubmission';
+import Counter from './src/components/Counter';
+import {Alert} from 'react-native';
 
 export type RootStackParamList = {
-  Home: undefined
-  Counter: undefined
-  Login: undefined
-  EasyButton: undefined
-  Video: undefined
-  Modal: undefined
-  FlatList: undefined
-  ListWithFetch: undefined
-}
-export type NavigationProps = StackNavigationProp<RootStackParamList>
+  Home: undefined;
+  Counter: undefined;
+  Login: undefined;
+  EasyButton: undefined;
+  Video: undefined;
+  Modal: undefined;
+  FlatList: undefined;
+  ListWithFetch: undefined;
+};
+export type NavigationProps = StackNavigationProp<RootStackParamList>;
 
-export const Stack = createStackNavigator<RootStackParamList>()
+export const Stack = createStackNavigator<RootStackParamList>();
 
 export const SCREENS: Record<string, keyof RootStackParamList> = {
   HOME: 'Home',
@@ -38,7 +38,13 @@ export const SCREENS: Record<string, keyof RootStackParamList> = {
   MODAL: 'Modal',
   FLATLIST: 'FlatList',
   LIST_WITH_FETCH: 'ListWithFetch',
-}
+};
+const EasyButtonScreen = () => {
+  const handleOnPress = () => {
+    Alert.alert('EasyButton', 'You clicked me!');
+  };
+  return <EasyButton onPress={handleOnPress} />;
+};
 export default () => {
   return (
     <>
@@ -47,7 +53,10 @@ export default () => {
           <Stack.Navigator initialRouteName="Home">
             <Stack.Screen name={SCREENS.HOME} component={Home} />
             <Stack.Screen name={SCREENS.LOGIN} component={LoginSubmission} />
-            <Stack.Screen name={SCREENS.EASYBUTTON} component={EasyButton} />
+            <Stack.Screen
+              name={SCREENS.EASYBUTTON}
+              component={EasyButtonScreen}
+            />
             <Stack.Screen name={SCREENS.COUNTER} component={Counter} />
             <Stack.Screen name={SCREENS.VIDEO} component={Video} />
             <Stack.Screen name={SCREENS.MODAL} component={Modal} />
@@ -60,5 +69,5 @@ export default () => {
         </NavigationContainer>
       </ThemeProvider>
     </>
-  )
-}
+  );
+};

.prettierrc

@@ -0,0 +1,6 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby '>= 2.6.10'
+
+gem 'cocoapods', '>= 1.11.3'