pushing repo template

.gitignore

@@ -0,0 +1,35 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+
+# Native
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo

App.tsx

@@ -0,0 +1,20 @@
+import { StatusBar } from 'expo-status-bar';
+import { StyleSheet, Text, View } from 'react-native';
+
+export default function App() {
+  return (
+    <View style={styles.container}>
+      <Text>Open up App.tsx to start working on your app!</Text>
+      <StatusBar style="auto" />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});

README.md

@@ -0,0 +1,78 @@
+# Project Overview
+The goal of this project is to implement a stopwatch application using React and TypeScript. The stopwatch should have the following functionality:
+
+- Start the stopwatch to begin counting time.
+- Stop the stopwatch to pause the timer.
+- Reset the stopwatch to zero.
+
+You will be provided with a basic project structure that includes the necessary files and dependencies. Your task is to write the code to implement the stopwatch functionality and ensure that it works correctly.
+
+## Project Setup
+To get started with the project, follow these steps:
+
+1. Clone the project repository to your local development environment.
+
+2. Install the required dependencies by running npm install in the project directory.
+
+3. Familiarize yourself with the project structure. The main files you will be working with are:
+    - src/App.tsx: The main component that renders the stopwatch and handles its functionality.
+    - src/Stopwatch.tsx: A separate component that represents the stopwatch display.
+    - src/StopwatchButton.tsx: A separate component that represents the start, stop, and reset buttons.
+
+4. Review the existing code in the above files to understand the initial structure and component hierarchy.
+
+## Project Goals
+Your specific goals for this project are as follows:
+
+1. Implement the stopwatch functionality:
+    - The stopwatch should start counting when the user clicks the start button.
+    - The stopwatch should stop counting when the user clicks the stop button.
+    - The stopwatch should reset to zero when the user clicks the reset button.
+
+2. Ensure code quality:
+    - Write clean, well-structured, and maintainable code.
+    - Follow best practices and adhere to the React and TypeScript coding conventions.
+    - Pay attention to code readability, modularity, and performance.
+
+3. Test your code:
+    - Run the application and test the stopwatch functionality to ensure it works correctly.
+    - Verify that the stopwatch starts, stops, and resets as expected.
+
+4. Code documentation:
+    - Document your code by adding comments and explanatory notes where necessary.
+    - Provide clear explanations of the implemented functionality and any important details.
+
+5. Version control:
+    - Use Git for version control. Commit your changes regularly and push them to a branch in your forked repository.
+
+ 6. Create a Pull Request:
+    - Once you have completed the project goals, create a pull request to merge your changes into the main repository.
+    - Provide a clear description of the changes made and any relevant information for the code review.
+
+## Getting Started
+To start working on the project, follow these steps:
+
+1. Clone the repository to your local development environment.
+
+2. Install the required dependencies by running npm install in the project directory.
+
+3. Open the project in your preferred code editor.
+
+4. Review the existing code in the src directory to understand the initial structure and component hierarchy.
+
+5. Implement the stopwatch functionality by modifying the necessary components (App.tsx, Stopwatch.tsx, StopwatchButton.tsx).
+
+6. Run the application using npm start and test the stopwatch functionality.
+
+7. Commit your changes regularly and push them to a branch in your forked repository.
+
+8. Once you have completed the project goals, create a pull request to merge your changes into the main repository.
+
+## Resources
+Here are some resources that may be helpful during your work on this project:
+
+- [React Documentation](https://reactjs.org/docs/getting-started.html) - Official documentation for React, providing detailed information on React concepts and usage.
+
+- [TypeScript Documentation](https://www.typescriptlang.org/docs/) - Official documentation for TypeScript, offering guidance on TypeScript features and usage.
+
+- [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/) - Explore React Testing Library, a popular testing library for React applications.

app.json

@@ -0,0 +1,30 @@
+{
+  "expo": {
+    "name": "eng-intern-assessment-react-native",
+    "slug": "eng-intern-assessment-react-native",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "assetBundlePatterns": [
+      "**/*"
+    ],
+    "ios": {
+      "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      }
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    }
+  }
+}

babel.config.js

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