upload files

.gitignore

@@ -0,0 +1,14 @@
+node_modules/**/*
+.expo/*
+npm-debug.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+*.orig.*
+web-build/
+web-report/
+
+# macOS
+.DS_Store

App.js

@@ -0,0 +1,23 @@
+import React from 'react';
+
+import * as eva from '@eva-design/eva';
+import { ApplicationProvider, IconRegistry } from '@ui-kitten/components';
+import { EvaIconsPack } from '@ui-kitten/eva-icons';
+
+import { default as theme } from './themes/light-theme.json';
+import { AppNavigator } from './screens/navigation';
+import { StatusBarSpacer } from './components/StatusBarSpacer';
+
+const App = () => {
+	return (
+		<>
+			<IconRegistry icons={EvaIconsPack} />
+			<ApplicationProvider {...eva} theme={{ ...eva.light, ...theme }}>
+				<StatusBarSpacer />
+				<AppNavigator />
+			</ApplicationProvider>
+		</>
+	);
+};
+
+export default App;

api/iridiumlab.js

@@ -0,0 +1,5 @@
+import axios from 'axios';
+
+export const iridiumlab = axios.create({
+	baseURL: 'https://iridiumlab.herokuapp.com/science',
+});

app.json

@@ -0,0 +1,28 @@
+{
+	"expo": {
+		"name": "Science News",
+		"slug": "science-news",
+		"android": {
+			"package": "com.iridiumlab.sciencenews",
+			"enableDangerousExperimentalLeanBuilds": false,
+			"versionCode": 47,
+			"permissions": [],
+			"config": {
+				"googleMobileAdsAppId": "ca-app-pub-7459960426696151~9566120136"
+			}
+		},
+		"platforms": ["android"],
+		"version": "2.1.16",
+		"orientation": "portrait",
+		"icon": "./assets/icon.png",
+		"splash": {
+			"image": "./assets/splash.png",
+			"resizeMode": "contain",
+			"backgroundColor": "#ffffff"
+		},
+		"updates": {
+			"fallbackToCacheTimeout": 5000
+		},
+		"assetBundlePatterns": ["**/*"]
+	}
+}

babel.config.js

@@ -0,0 +1,6 @@
+module.exports = function(api) {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'],
+  };
+};

components/AdMobBannerComponent.js

@@ -0,0 +1,23 @@
+import React from 'react';
+
+// import { AdMobBanner } from 'expo-ads-admob';
+
+import { Layout } from '@ui-kitten/components';
+
+export const AdMobBannerComponent = React.memo(({ size }) => {
+	console.log('Rendering AdMob Banner...');
+	return (
+		<Layout
+			style={{
+				alignItems: 'center',
+				justifyContent: 'center',
+			}}
+		>
+			{/* <AdMobBanner
+				bannerSize={size}
+				adUnitID="ca-app-pub-7459960426696151/9315497484"
+				servePersonalizedAds={true}
+			/> */}
+		</Layout>
+	);
+});

components/ArticleCardItem.js

@@ -0,0 +1,82 @@
+import React from 'react';
+import { Image } from 'react-native';
+
+import { Layout, Text } from '@ui-kitten/components';
+
+export const ArticleCardItem = ({
+	title,
+	website,
+	date,
+	imageUrl,
+	imagePath,
+}) => {
+	return (
+		<Layout
+			style={{
+				marginHorizontal: 12,
+				marginTop: 12,
+				height: 'auto',
+				borderRadius: 10,
+			}}
+		>
+			{imageUrl === '' ? null : (
+				<Layout
+					style={{
+						borderTopRightRadius: 10,
+						borderTopLeftRadius: 10,
+						overflow: 'hidden',
+					}}
+				>
+					<Image
+						source={{ uri: imageUrl }}
+						style={{
+							height: 200,
+							width: '100%',
+							backgroundColor: 'rgba(143, 155, 179, 0.16)',
+						}}
+					/>
+				</Layout>
+			)}
+			<Layout style={{ padding: 16, borderRadius: 10 }}>
+				<Text style={{ marginBottom: 4, lineHeight: 20, marginBottom: 8 }}>
+					{title}
+				</Text>
+				<Layout
+					style={{
+						flexDirection: 'row',
+						alignItems: 'center',
+					}}
+				>
+					<Layout
+						style={{
+							borderColor: 'rgba(143, 155, 179, 0.16)',
+							borderWidth: 1,
+							borderRadius: 20,
+							overflow: 'hidden',
+							alignSelf: 'center',
+							marginRight: 8,
+						}}
+					>
+						<Image
+							style={{
+								height: 15,
+								width: 15,
+								resizeMode: 'contain',
+							}}
+							source={imagePath}
+						/>
+					</Layout>
+					<Text category="s2" appearance="hint">
+						{website}
+					</Text>
+					<Text category="s2" appearance="hint" style={{ marginHorizontal: 8 }}>
+						/
+					</Text>
+					<Text category="s2" appearance="hint">
+						{date}
+					</Text>
+				</Layout>
+			</Layout>
+		</Layout>
+	);
+};

components/ArticleListItem.js

@@ -0,0 +1,78 @@
+import React from 'react';
+import { Image } from 'react-native';
+
+import { Layout, Text } from '@ui-kitten/components';
+
+export const ArticleListItem = ({
+	title,
+	website,
+	date,
+	imageUrl,
+	imagePath,
+}) => {
+	return (
+		<Layout
+			style={{
+				marginHorizontal: 12,
+				marginTop: 12,
+				padding: 16,
+				flexDirection: 'row',
+				borderRadius: 10,
+			}}
+		>
+			<Layout style={{ flex: 1 }}>
+				<Text style={{ marginBottom: 8, lineHeight: 20 }}>{title}</Text>
+				<Layout style={{ flexDirection: 'row', alignItems: 'center' }}>
+					<Layout
+						style={{
+							borderColor: 'rgba(143, 155, 179, 0.16)',
+							borderWidth: 1,
+							borderRadius: 20,
+							overflow: 'hidden',
+							alignSelf: 'center',
+							marginRight: 8,
+						}}
+					>
+						<Image
+							style={{
+								height: 15,
+								width: 15,
+								resizeMode: 'contain',
+							}}
+							source={imagePath}
+						/>
+					</Layout>
+					<Text category="c1" appearance="hint">
+						{website}
+					</Text>
+					<Text category="c1" appearance="hint" style={{ marginHorizontal: 8 }}>
+						/
+					</Text>
+					<Text category="c1" appearance="hint">
+						{date}
+					</Text>
+				</Layout>
+			</Layout>
+			{imageUrl === '' ? null : (
+				<Layout
+					style={{
+						borderRadius: 10,
+						overflow: 'hidden',
+						marginLeft: 16,
+						height: 80,
+						width: 120,
+					}}
+				>
+					<Image
+						source={{ uri: imageUrl }}
+						style={{
+							height: '100%',
+							width: '100%',
+							backgroundColor: 'rgba(143, 155, 179, 0.16)',
+						}}
+					/>
+				</Layout>
+			)}
+		</Layout>
+	);
+};

components/ExploreCardItem.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { Image } from 'react-native';
+
+import { Text, Layout } from '@ui-kitten/components';
+
+export const ExploreCardItem = ({ name, imagePath }) => {
+	return (
+		<Layout
+			style={{
+				alignItems: 'center',
+				justifyContent: 'center',
+				borderRadius: 10,
+				padding: 8,
+				aspectRatio: 1,
+			}}
+		>
+			<Layout
+				style={{
+					borderColor: 'rgba(143, 155, 179, 0.16)',
+					borderWidth: 1,
+					marginBottom: 8,
+					borderRadius: 20,
+					overflow: 'hidden',
+					alignSelf: 'center',
+				}}
+			>
+				<Image
+					style={{
+						height: 35,
+						width: 35,
+						resizeMode: 'contain',
+					}}
+					source={imagePath}
+				/>
+			</Layout>
+			<Text numberOfLines={1} category="c1" style={{ textAlign: 'center' }}>
+				{name}
+			</Text>
+		</Layout>
+	);
+};