images.d.ts added

.idea/.gitignore

@@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml

.idea/mobilemkv2.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/mobilemkv2.iml" filepath="$PROJECT_DIR$/.idea/mobilemkv2.iml" />
+    </modules>
+  </component>
+</project>

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

app.json

@@ -4,7 +4,7 @@
     "slug": "mobilemkv2",
     "version": "1.0.0",
     "orientation": "portrait",
-    "icon": "./assets/images/icon.png",
+    "icon": "./assets/images/phone.png",
     "scheme": "myapp",
     "userInterfaceStyle": "automatic",
     "newArchEnabled": true,
@@ -28,9 +28,18 @@
         "expo-splash-screen",
         {
           "image": "./assets/images/splash-icon.png",
-          "imageWidth": 200,
-          "resizeMode": "contain",
-          "backgroundColor": "#ffffff"
+          "resizeMode": "cover",
+          "backgroundColor": "#ffffff",
+          "enableFullScreenImage_legacy": true
+        }
+      ],
+      [
+        "expo-font",
+
+        {
+          "fonts": ["./assets/fonts/SpaceMono-Regular.ttf",
+                    "./assets/fonts/Rubik-Bold.ttf"
+          ]
         }
       ]
     ],

app/(root)/(tabs)/index.tsx

@@ -10,7 +10,7 @@ export default function Index() {
         alignItems: "center",
       }}
     >
-      <Text className="font-bold text-lg mt-10">Welcome to mobile.mk</Text>
+      <Text className="font-bold my-10 uppercase">Welcome to mobile.mk</Text>
       <Link href="/signin">SignIn</Link>
       <Link href="/explore">explore</Link>
       <Link href="/profile">profile</Link>

app/_layout.tsx

@@ -1,6 +1,23 @@
-import { Stack } from "expo-router";
+import { SplashScreen, Stack } from "expo-router";
+import { useFonts } from "expo-font";
+import { useEffect } from "react";
+// import * as SplashScreen from "expo-splash-screen";
 import "./global.css";
 
 export default function RootLayout() {
+  const [fontLoaded] = useFonts({
+    spaceMono: require("../assets/fonts/SpaceMono-Regular.ttf"),
+  });
+
+  useEffect(() => {
+    if (fontLoaded) {
+      SplashScreen.hideAsync();
+    }
+  }, [fontLoaded]);
+
+  if (!fontLoaded) {
+    return null;
+  }
+
   return <Stack />;
 }

constants/data.ts

@@ -0,0 +1,165 @@
+import icons from "./icons";
+import images from "./images";
+
+export const cards = [
+  {
+    title: "Card 1",
+    location: "Location 1",
+    price: "$100",
+    rating: 4.8,
+    category: "house",
+    image: images.newYork,
+  },
+  {
+    title: "Card 2",
+    location: "Location 2",
+    price: "$200",
+    rating: 3,
+    category: "house",
+    image: images.japan,
+  },
+  {
+    title: "Card 3",
+    location: "Location 3",
+    price: "$300",
+    rating: 2,
+    category: "flat",
+    image: images.newYork,
+  },
+  {
+    title: "Card 4",
+    location: "Location 4",
+    price: "$400",
+    rating: 5,
+    category: "villa",
+    image: images.japan,
+  },
+];
+
+export const featuredCards = [
+  {
+    title: "Featured 1",
+    location: "Location 1",
+    price: "$100",
+    rating: 4.8,
+    image: images.newYork,
+    category: "house",
+  },
+  {
+    title: "Featured 2",
+    location: "Location 2",
+    price: "$200",
+    rating: 3,
+    image: images.japan,
+    category: "flat",
+  },
+];
+
+export const categories = [
+  { title: "All", category: "All" },
+  { title: "Houses", category: "House" },
+  { title: "Condos", category: "Condos" },
+  { title: "Duplexes", category: "Duplexes" },
+  { title: "Studios", category: "Studios" },
+  { title: "Villas", category: "Villa" },
+  { title: "Apartments", category: "Apartments" },
+  { title: "Townhomes", category: "Townhomes" },
+  { title: "Others", category: "Others" },
+];
+
+export const settings = [
+  {
+    title: "My Bookings",
+    icon: icons.calendar,
+  },
+  {
+    title: "Payments",
+    icon: icons.wallet,
+  },
+  {
+    title: "Profile",
+    icon: icons.person,
+  },
+  {
+    title: "Notifications",
+    icon: icons.bell,
+  },
+  {
+    title: "Security",
+    icon: icons.shield,
+  },
+  {
+    title: "Language",
+    icon: icons.language,
+  },
+  {
+    title: "Help Center",
+    icon: icons.info,
+  },
+  {
+    title: "Invite Friends",
+    icon: icons.people,
+  },
+];
+
+export const facilities = [
+  {
+    title: "Laundry",
+    icon: icons.laundry,
+  },
+  {
+    title: "Car Parking",
+    icon: icons.carPark,
+  },
+  {
+    title: "Sports Center",
+    icon: icons.run,
+  },
+  {
+    title: "Cutlery",
+    icon: icons.cutlery,
+  },
+  {
+    title: "Gym",
+    icon: icons.dumbell,
+  },
+  {
+    title: "Swimming pool",
+    icon: icons.swim,
+  },
+  {
+    title: "Wifi",
+    icon: icons.wifi,
+  },
+  {
+    title: "Pet Center",
+    icon: icons.dog,
+  },
+];
+
+export const gallery = [
+  {
+    id: 1,
+    image: images.newYork,
+  },
+  {
+    id: 2,
+    image: images.japan,
+  },
+  {
+    id: 3,
+    image: images.newYork,
+  },
+  {
+    id: 4,
+    image: images.japan,
+  },
+  {
+    id: 5,
+    image: images.newYork,
+  },
+  {
+    id: 6,
+    image: images.japan,
+  },
+];

constants/icons.ts

@@ -0,0 +1,69 @@
+import google from "../assets/icons/google.png";
+import home from "../assets/icons/home.png";
+import search from "../assets/icons/search.png";
+import person from "../assets/icons/person.png";
+import bell from "@/assets/icons/bell.png";
+import filter from "@/assets/icons/filter.png";
+import star from "@/assets/icons/star.png";
+import heart from "@/assets/icons/heart.png";
+import backArrow from "@/assets/icons/back-arrow.png";
+import calendar from "@/assets/icons/calendar.png";
+import info from "@/assets/icons/info.png";
+import language from "@/assets/icons/language.png";
+import logout from "@/assets/icons/logout.png";
+import people from "@/assets/icons/people.png";
+import shield from "@/assets/icons/shield.png";
+import wallet from "@/assets/icons/wallet.png";
+import rightArrow from "@/assets/icons/right-arrow.png";
+import send from "@/assets/icons/send.png";
+import bed from "@/assets/icons/bed.png";
+import bath from "@/assets/icons/bath.png";
+import area from "@/assets/icons/area.png";
+import chat from "@/assets/icons/chat.png";
+import phone from "@/assets/icons/phone.png";
+import carPark from "@/assets/icons/car-park.png";
+import cutlery from "@/assets/icons/cutlery.png";
+import dog from "@/assets/icons/dog.png";
+import dumbell from "@/assets/icons/dumbell.png";
+import laundry from "@/assets/icons/laundry.png";
+import run from "@/assets/icons/run.png";
+import swim from "@/assets/icons/swim.png";
+import wifi from "@/assets/icons/wifi.png";
+import location from "@/assets/icons/location.png";
+import edit from "@/assets/icons/edit.png";
+
+export default {
+  google,
+  home,
+  search,
+  person,
+  bell,
+  filter,
+  star,
+  heart,
+  backArrow,
+  calendar,
+  info,
+  language,
+  logout,
+  people,
+  shield,
+  wallet,
+  rightArrow,
+  send,
+  bed,
+  bath,
+  area,
+  chat,
+  phone,
+  carPark,
+  cutlery,
+  dog,
+  dumbell,
+  laundry,
+  run,
+  swim,
+  wifi,
+  location,
+  edit,
+};

constants/images.ts

@@ -0,0 +1,18 @@
+// @ts-ignore
+// import onboarding from "@/assets/images/onboarding.png";
+// import avatar from "@/assets/images/avatar.png";
+// import newYork from "@/assets/images/new-york.png";
+// import japan from "@/assets/images/japan.png";
+// import cardGradient from "@/assets/images/card-gradient.png";
+// import barChart from "@/assets/images/bar-chart.png";
+// import whiteGradient from "@/assets/images/white-gradient.png";
+// import map from "@/assets/images/map.png";
+// import noResult from "@/assets/images/no-result.png";
+import car1 from "../assets/images/car1.jpg";
+// @ts-ignore
+import car2 from '../assets/images/car2.jpg';
+
+export default {
+  car1,
+  car2,
+};

image.d.ts

@@ -0,0 +1,9 @@
+declare module "*.png" {
+    const value: any;
+    export default value;
+}
+
+declare module "*.jpg" {
+    const value: any;
+    export default value;
+}

notes.md

@@ -0,0 +1 @@
+splash screen not showing