chore(github-actions): streamline workflow configurations and update …

…dependencies

Enhance GitHub Actions setup and streamline project configuration

- Initialize GitHub Actions CI workflow for Medical App.
- Update and refactor project settings and dependencies.
- Improve CI/CD scripts and remove unnecessary npm run web step.
- Update package.json and yml configurations for better CI integration.
- Include non-interactive mode adjustments for Expo start.
- Add eslint setup for code quality enforcement.
- Consolidate and clean up GitHub workflow scripts.
- resolve conflict from Color.ts

.github/workflows/pull_request.yml

@@ -0,0 +1,22 @@
+name: Pull Request Trigger Workflow
+
+on:
+  pull_request:
+    branches:
+      - develop
+
+jobs:
+  build-and-test:
+    runs-on: windows-latest
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '>=18'
+      - name: Install dependencies
+        run: npm install
+      - name: Run tests
+        run: npm run test -- --ci
+

.github/workflows/push.yml

@@ -0,0 +1,19 @@
+name: Push Trigger Workflow
+
+on:
+  push:
+
+jobs:
+  build:
+    runs-on: windows-latest
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '>=18'
+      - name: Install dependencies
+        run: npm install
+      - name: Run tests
+        run: npm run test -- --ci

README.md

@@ -1 +1,97 @@
-# matadors-rn-medica
+# Medica App
+
+Online Doctor Appointment & Consultation App
+
+## Table Of Content
+
+ - [Description](#description)
+
+ - [Documentation](#documentation)
+ - [Setup](#setup)
+ - [Testing](#testing)
+ - [Contribute](#contribute)
+ - [Contact](#contact)
+ - [License](#license)
+
+
+## Description
+
+Medica is a mobile application designed to facilitate online doctor appointments and consultations. Users can create an account, log in, browse through various doctor specialties, schedule appointments, and communicate with healthcare professionals through voice calls, video calls, or messaging. The app also supports different payment methods for appointment fees, provides access to healthcare articles, allows profile management, and offers a help center for user support.
+
+## Overview;
+None at the moment!!
+
+## Documentation
+
+### Endpoints
+
+- `/signup`: User signup endpoint
+- `/login`: User login endpoint
+- `/ForgotPassword`: Ask for password Retrieval or reset if forgot 
+- `/ResetPassword`: Access to Changing the users Password
+- `/Home`: List of available doctor specialties
+- `/search`: Search for doctors across all specialties
+- `/appointments`: Schedule and manage appointments
+- `/communication`: Choose communication mode (voice call, video call, messaging)
+- `/payment`: Select and process payment for appointments
+- `/articles`: Access and interact with healthcare articles
+- `/profile`: Manage user profile
+- `/help`: Contact the help center
+
+
+## Setup
+
+### Dependencies
+
+- Node.js
+- React Native
+- Expo (for mobile app development)
+
+### Getting Started
+
+1. Clone the repository: 
+git clone https://github.com/atlp-rwanda/matadors-rn-medica.git
+
+2. Navigate to the project directory:
+
+3. Install dependencies:
+```bash
+npm install 
+```
+5. Set up environment variables:
+- Create a `.env` file based on `.env.example` and fill in necessary values.
+
+### Run The Service
+
+1. Start the Expo development server:
+```bash
+npm start
+```
+2. Use the Expo client on your mobile device or simulator to run the app.
+
+## Testing
+
+To run tests, use the following command:
+```bash
+npm test
+```
+## Contribute
+
+Contributions are welcome! To contribute to this repository, please follow these steps:
+1. Fork the repository.
+2. Create a new branch (`git checkout -b feature/my-feature`).
+3. Commit your changes (`git commit -am 'Add new feature'`).
+4. Push to the branch (`git push origin feature/my-feature`).
+5. Create a new Pull Request.
+
+
+  ## Contact
+
+  Feel free to reach out to us:
+  [Nkbtemmy](https://github.com/Nkbtemmy)
+  [mukunzidd](https://github.com/mukunzidd)
+
+  ## License
+
+  None At the moment !!
+

app.json

@@ -2,11 +2,11 @@
   "expo": {
     "name": "matadors-rn-medica",
     "slug": "matadors-rn-medica",
+    "scheme": "matadors-rn-medica",
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/images/icon.png",
-    "scheme": "myapp",
-    "userInterfaceStyle": "automatic",
+    "userInterfaceStyle": "dark",
     "splash": {
       "image": "./assets/images/splash.png",
       "resizeMode": "contain",

app/(app)/HomeScreen.tsx

@@ -0,0 +1,5 @@
+interface Props {}
+
+export default function HomeScreen({}: Props) {
+  return <></>;
+}

app/(auth)/SignIn&SignOut/SetYourFingerPrint.tsx

@@ -0,0 +1,11 @@
+import { Text, View } from "@/components/Themed";
+import { LeftArrow } from "@/components/UI/icons";
+import { SvgUri, SvgXml } from "react-native-svg";
+
+export default function SetYourFingerPrint() {
+  return (
+    <>
+      <Text>Set Your Finger Print</Text>
+    </>
+  );
+}

app/(auth)/_layout.tsx

@@ -0,0 +1,17 @@
+import Header from "@/components/UI/Header";
+import { Stack } from "expo-router";
+
+export default function AuthLayout() {
+  return (
+    <Stack initialRouteName="SignIn&SignOut/SetYourFingerPrint">
+      <Stack.Screen
+        name="SignIn&SignOut/SetYourFingerPrint"
+        options={{
+          header: () => {
+            return <Header />;
+          },
+        }}
+      />
+    </Stack>
+  );
+}

app/_layout.tsx

@@ -1,28 +1,43 @@
-import FontAwesome from '@expo/vector-icons/FontAwesome';
-import { DarkTheme, DefaultTheme, ThemeProvider } from '@react-navigation/native';
-import { useFonts } from 'expo-font';
-import { Stack } from 'expo-router';
-import * as SplashScreen from 'expo-splash-screen';
-import { useEffect } from 'react';
+import FontAwesome from "@expo/vector-icons/FontAwesome";
+import {
+  DarkTheme,
+  DefaultTheme,
+  ThemeProvider,
+} from "@react-navigation/native";
+import { useFonts } from "expo-font";
+import { Stack } from "expo-router";
+import * as SplashScreen from "expo-splash-screen";
 
-import { useColorScheme } from '@/components/useColorScheme';
+import { useEffect } from "react";
+
+import { useColorScheme } from "@/components/useColorScheme";
+import { useColorScheme } from "@/components/useColorScheme";
 
 export {
   // Catch any errors thrown by the Layout component.
   ErrorBoundary,
-} from 'expo-router';
+} from "expo-router";
+} from "expo-router";
 
 export const unstable_settings = {
   // Ensure that reloading on `/modal` keeps a back button present.
-  initialRouteName: '(tabs)',
+  initialRouteName: "(auth)",
+  initialRouteName: "(auth)",
 };
 
 // Prevent the splash screen from auto-hiding before asset loading is complete.
 SplashScreen.preventAutoHideAsync();
 
 export default function RootLayout() {
   const [loaded, error] = useFonts({
-    SpaceMono: require('../assets/fonts/SpaceMono-Regular.ttf'),
+    Medium: require("../assets/fonts/Urbanist-Medium.ttf"),
+    SemiBold: require("../assets/fonts/Urbanist-SemiBold.ttf"),
+    Bold: require("../assets/fonts/Urbanist-Bold.ttf"),
+    Regular: require("../assets/fonts/Urbanist-Regular.ttf"),
+    Medium: require("../assets/fonts/Urbanist-Medium.ttf"),
+    SemiBold: require("../assets/fonts/Urbanist-SemiBold.ttf"),
+    Bold: require("../assets/fonts/Urbanist-Bold.ttf"),
+    Regular: require("../assets/fonts/Urbanist-Regular.ttf"),
     ...FontAwesome.font,
   });
 
@@ -48,10 +63,10 @@ function RootLayoutNav() {
   const colorScheme = useColorScheme();
 
   return (
-    <ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
-      <Stack>
-        <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
-        <Stack.Screen name="modal" options={{ presentation: 'modal' }} />
+    <ThemeProvider value={colorScheme === "light" ? DarkTheme : DefaultTheme}>
+      <Stack initialRouteName="(auth)">
+        <Stack.Screen name="(auth)" options={{ headerShown: false }} />
+        <Stack.Screen name="modal" options={{ presentation: "modal" }} />
       </Stack>
     </ThemeProvider>
   );