initial commit

components/BioSketch.tsx

@@ -0,0 +1,24 @@
+import React from "react";
+import { View, ScrollView } from "react-native";
+import Title from "./organisms/Title";
+import Content from "./organisms/Content";
+import Footer from "./organisms/Footer";
+import styles from "../styles/bioSketch.module";
+
+// The code below will display my BioSketch @ UC, and it's amazing!!!!!
+const BioSketch: React.FC = () => {
+  return (
+    <ScrollView
+      style={styles.container}
+      contentContainerStyle={styles.contentContainer}
+    >
+      <View style={styles.content}>
+        <Title />
+        <Content />
+        <Footer />
+      </View>
+    </ScrollView>
+  );
+};
+
+export default BioSketch;

components/molecules/Image.tsx

@@ -0,0 +1,18 @@
+import { View, Image } from "react-native";
+import styles from "../../styles/bioSketch.module";
+
+const CustomImage = () => {
+  return (
+    <>
+      <View style={styles.header}>
+        <Image
+          source={require("../../assets/profile-picture.jpg")}
+          style={styles.profileImage}
+          resizeMode="cover"
+        />
+      </View>
+    </>
+  );
+};
+
+export default CustomImage;

components/organisms/Content.tsx

@@ -0,0 +1,21 @@
+import { View, Text } from "react-native";
+import {
+  bioTitle,
+  bioText,
+} from "../../utils/constants";
+import Image from "../molecules/Image";
+import styles from "../../styles/bioSketch.module";
+
+const Content = () => {
+  return (
+    <>
+      <View style={styles.bioSection}>
+        <Text style={styles.bioTitle}>{bioTitle}</Text>
+        <Text style={styles.bioText}>{bioText}</Text>
+        <Image />
+      </View>
+    </>
+  );
+};
+
+export default Content;

components/organisms/Footer.tsx

@@ -0,0 +1,15 @@
+import { View, Text } from "react-native";
+import { currentCourse } from "../../utils/constants";
+import styles from "../../styles/bioSketch.module";
+
+const Footer = () => {
+  return (
+    <>
+      <View style={styles.courseInfo}>
+        <Text style={styles.courseText}>{currentCourse}</Text>
+      </View>
+    </>
+  );
+};
+
+export default Footer;

components/organisms/Title.tsx

@@ -0,0 +1,17 @@
+import { Text } from "react-native";
+import {
+  title,
+  courseId,
+} from "../../utils/constants";
+import styles from "../../styles/bioSketch.module";
+
+const Title = () => {
+  return (
+    <>
+      <Text style={styles.welcomeText}>{title}</Text>
+      <Text style={styles.welcomeText}>{courseId}</Text>
+    </>
+  );
+};
+
+export default Title;