diff --git a/README.md b/README.md index 48dd63f..42d2b49 100644 --- a/README.md +++ b/README.md @@ -1,50 +1,3 @@ -# Welcome to your Expo app 👋 +# Birthday app -This is an [Expo](https://expo.dev) project created with [`create-expo-app`](https://www.npmjs.com/package/create-expo-app). - -## Get started - -1. Install dependencies - - ```bash - npm install - ``` - -2. Start the app - - ```bash - npx expo start - ``` - -In the output, you'll find options to open the app in a - -- [development build](https://docs.expo.dev/develop/development-builds/introduction/) -- [Android emulator](https://docs.expo.dev/workflow/android-studio-emulator/) -- [iOS simulator](https://docs.expo.dev/workflow/ios-simulator/) -- [Expo Go](https://expo.dev/go), a limited sandbox for trying out app development with Expo - -You can start developing by editing the files inside the **app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction). - -## Get a fresh project - -When you're ready, run: - -```bash -npm run reset-project -``` - -This command will move the starter code to the **app-example** directory and create a blank **app** directory where you can start developing. - -## Learn more - -To learn more about developing your project with Expo, look at the following resources: - -- [Expo documentation](https://docs.expo.dev/): Learn fundamentals, or go into advanced topics with our [guides](https://docs.expo.dev/guides). -- [Learn Expo tutorial](https://docs.expo.dev/tutorial/introduction/): Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web. - -## Join the community - -Join our community of developers creating universal apps. - -- [Expo on GitHub](https://github.com/expo/expo): View our open source platform and contribute. -- [Discord community](https://chat.expo.dev): Chat with Expo users and ask questions. +A mobile app that can save and alert of the birthdays of people \ No newline at end of file diff --git a/.gitignore b/apk/.gitignore similarity index 100% rename from .gitignore rename to apk/.gitignore diff --git a/.vscode/extensions.json b/apk/.vscode/extensions.json similarity index 100% rename from .vscode/extensions.json rename to apk/.vscode/extensions.json diff --git a/.vscode/settings.json b/apk/.vscode/settings.json similarity index 100% rename from .vscode/settings.json rename to apk/.vscode/settings.json diff --git a/apk/README.md b/apk/README.md new file mode 100644 index 0000000..48dd63f --- /dev/null +++ b/apk/README.md @@ -0,0 +1,50 @@ +# Welcome to your Expo app 👋 + +This is an [Expo](https://expo.dev) project created with [`create-expo-app`](https://www.npmjs.com/package/create-expo-app). + +## Get started + +1. Install dependencies + + ```bash + npm install + ``` + +2. Start the app + + ```bash + npx expo start + ``` + +In the output, you'll find options to open the app in a + +- [development build](https://docs.expo.dev/develop/development-builds/introduction/) +- [Android emulator](https://docs.expo.dev/workflow/android-studio-emulator/) +- [iOS simulator](https://docs.expo.dev/workflow/ios-simulator/) +- [Expo Go](https://expo.dev/go), a limited sandbox for trying out app development with Expo + +You can start developing by editing the files inside the **app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction). + +## Get a fresh project + +When you're ready, run: + +```bash +npm run reset-project +``` + +This command will move the starter code to the **app-example** directory and create a blank **app** directory where you can start developing. + +## Learn more + +To learn more about developing your project with Expo, look at the following resources: + +- [Expo documentation](https://docs.expo.dev/): Learn fundamentals, or go into advanced topics with our [guides](https://docs.expo.dev/guides). +- [Learn Expo tutorial](https://docs.expo.dev/tutorial/introduction/): Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web. + +## Join the community + +Join our community of developers creating universal apps. + +- [Expo on GitHub](https://github.com/expo/expo): View our open source platform and contribute. +- [Discord community](https://chat.expo.dev): Chat with Expo users and ask questions. diff --git a/app.json b/apk/app.json similarity index 100% rename from app.json rename to apk/app.json diff --git a/apk/app/_layout.tsx b/apk/app/_layout.tsx new file mode 100644 index 0000000..676e7e5 --- /dev/null +++ b/apk/app/_layout.tsx @@ -0,0 +1,28 @@ +import { + DarkTheme, + DefaultTheme, + ThemeProvider, +} from "@react-navigation/native"; +import { Stack } from "expo-router"; +import { StatusBar } from "expo-status-bar"; +import "react-native-reanimated"; + +import { useColorScheme } from "@/hooks/use-color-scheme"; + +export const unstable_settings = { + anchor: "(tabs)", +}; + +export default function RootLayout() { + const colorScheme = useColorScheme(); + + return ( + + + + + + + + ); +} diff --git a/apk/app/add.tsx b/apk/app/add.tsx new file mode 100644 index 0000000..fc1077e --- /dev/null +++ b/apk/app/add.tsx @@ -0,0 +1,80 @@ +import DateTimePicker from "@react-native-community/datetimepicker"; +import { useRouter } from "expo-router"; +import React, { useState } from "react"; +import { + Button, + Platform, + StyleSheet, + Text, + TextInput, + View, +} from "react-native"; + +export default function SimpleForm() { + const router = useRouter(); + const [name, setName] = useState(""); + const [date, setDate] = useState(new Date()); + const [showPicker, setShowPicker] = useState(false); + + const onChangeDate = (event, selectedDate) => { + setShowPicker(Platform.OS === "ios"); + if (selectedDate) { + setDate(selectedDate); + } + }; + + const handleSubmit = () => { + alert(`Name: ${name}\nDate: ${date.toDateString()}`); + router.push("/"); + }; + + return ( + + Name: + + + Date: +