finished proj

Author: Cosmin-Mare

Diff for: README.md

@@ -1,7 +1,23 @@
-## Features
-**random notifications**
-random Calls
-random alarms
-**feature to set random alarms between certain times**
-chatbot that gives one word responses
-random sounds
+# DISTRACT
+Complicate your life, procrastinate and get distracted as much as you can. You won't be able to stay away from your phone with this app installed.
+Download Here
+![Award for the best anti-productivity app](https://hc-cdn.hel1.your-objectstorage.com/s/v3/53e83138c5afd742a5cf7d9458593f5273f2aeb3_a__5_.png)
+## ~~Dis~~functionalities
+- Sends notifications every minute
+- Has entertaining Entertainment interface
+- Impressively performant translation interface
+- The best Chatbot since ChatGPT
+- Random Alarm Setter
+## ~~Dis~~advantages
+- Dumb
+- Irrelevant
+- Stupid
+- Time-wasting
+- Ridiculous
+- Absurd
+- Chaotic
+- Trashy
+
+## Distract - Your annoyance is our joy.
+made at![Scrapyard Logo](https://scrapyard.hackclub.com/elements/wordmark.svg) by
+[@N1k0s1](https://github.com/N1k0s1), [mattsoh](https://github.com/mattsoh) and [me:)](https://github.com/Cosmin-Mare)

Diff for: app/(tabs)/index.tsx

@@ -9,14 +9,16 @@ import AsyncStorage from '@react-native-async-storage/async-storage';
 import Chatbot from './chatbot';
 import RandomAlarm from './randomalarm';
 import Entertainment from './entertainment';
+import Translate from './translate';
 import { Video } from 'react-native-video';
 
 export default function HomeScreen() {
   const [notificationToken, setNotificationToken] = useState<string | null>(null);
   const [username, setUsername] = useState<string>('');
   const [showChatbot, setShowChatbot] = useState<boolean>(true);
   const [showRandomAlarm, setShowRandomAlarm] = useState<boolean>(false);
-  const [showentertainment, setShowentertainment] = useState<boolean>(false);
+  const [showEntertainment, setShowEntertainment] = useState<boolean>(false);
+  const [showTranslate, setShowTranslate] = useState<boolean>(false);
 
   useEffect(() => {
     (async () => {
@@ -60,21 +62,25 @@ export default function HomeScreen() {
   return (
     <SafeAreaView style={{ flex: 1 }}>
       <Button
-        title={`Switch to Chatbot`}
-        onPress={() => {setShowChatbot(true)}}
+        title={`Chatbot`}
+        onPress={() => {setShowChatbot(true), setShowRandomAlarm(false), setShowEntertainment(false)}}
       />
       <Button
-        title={`Toggle Random Alarm`}
-        onPress={() => {setShowRandomAlarm(true); setShowChatbot(false)}}
+        title={`Random Alarm`}
+        onPress={() => {setShowRandomAlarm(true); setShowChatbot(false), setShowEntertainment(false), setShowTranslate(false)}}
       />
       <Button
-        title={`Toggle Enterntainment`}
-        onPress={() => {setShowentertainment(true); setShowChatbot(false); setShowRandomAlarm(false)}}
+        title={`Enterntainment`}
+        onPress={() => {setShowEntertainment(true); setShowChatbot(false); setShowRandomAlarm(false), setShowTranslate(false)}}
+      />
+      <Button
+        title={`Translate`}
+        onPress={() => {setShowEntertainment(false); setShowChatbot(false); setShowRandomAlarm(false), setShowTranslate(true)}}
       />
       {showChatbot ? (
         <Chatbot />
       ) : showRandomAlarm ? <RandomAlarm/> : 
-      showentertainment ? <Entertainment /> :
+      showEntertainment ? <Entertainment /> : showTranslate ? <Translate /> : 
       ( 
         <ThemedView>
           <View>
@@ -85,7 +91,6 @@ export default function HomeScreen() {
               onChangeText={setUsername}
             />
             <Button title="Save Username" onPress={saveUsername} />
-            <Text style={{ color: "white" }}>{notificationToken}</Text>
           </View>
         </ThemedView>
       )}

Diff for: app/(tabs)/randomalarm.tsx

@@ -59,25 +59,28 @@ const RandomAlarmSetter = () => {
 
     await Calendar.createEventAsync(defaultCalendar.id, eventDetails);
 
-    Alert.alert('Success', `Alarm set for ${randomTime.toLocaleTimeString()}`);
+    Alert.alert('Success', `ICBM Inbound`);
   };
 
   return (
     <View style={styles.container}>
-      <Text style={styles.label}>Enter Start Time (HH:mm):</Text>
+      <Text style={[styles.label, { color: 'grey' }]}>input 2 different times, and a random alarm will sound sometime in the timeframe.</Text>
+      <Text style={styles.label}>enter start time (hh:mm)</Text>
       <TextInput
         style={styles.input}
         placeholder="18:00"
         value={startTime}
         onChangeText={setStartTime}
+        placeholderTextColor="grey"
       />
 
-      <Text style={styles.label}>Enter End Time (HH:mm):</Text>
+      <Text style={styles.label}>enter end time (hh:mm)</Text>
       <TextInput
         style={styles.input}
         placeholder="20:00"
         value={endTime}
         onChangeText={setEndTime}
+        placeholderTextColor="grey"
       />
 
       <Button title="Set Random Alarm" onPress={setRandomAlarm} />

Diff for: app/(tabs)/translate.tsx

@@ -0,0 +1,70 @@
+import React, { useState } from "react";
+import { View, TextInput, Text, StyleSheet } from "react-native";
+const styles = StyleSheet.create({
+container: { flex: 1, padding: 20, justifyContent: "center" },
+    text: {
+        borderWidth: 1,
+        padding: 10,
+        marginBottom: 10,
+        borderRadius: 5,
+        backgroundColor: "#f0f0f0",
+    },
+
+    picker: { height: 50, marginBottom: 10 },
+});
+
+export default function Translate(){
+  const [inputText,setInputText] = useState("");
+  const [translatedText, setTranslatedText] = useState("");
+  const [fromLang, setFromLang] = useState("English");
+  const [toLang, setToLang] = useState("Chinese");
+  
+
+  const languages = [
+    "English", "Spanish", "Chinese"
+  ];
+
+
+  return (
+    <View style={styles.container}>
+      {/* <Picker
+        selectedValue={fromLang}
+        onValueChange={(itemValue) => setFromLang(itemValue)}
+        style={styles.picker}
+      >
+        {languages.map(lang => (
+          <Picker.Item key={lang} label={lang} value={lang} />
+        ))}
+      </Picker> */}
+
+      <TextInput
+        style={styles.text}
+        placeholder="Enter text"
+        keyboardType="numeric"
+        value={inputText}
+        onChangeText={(text) => {
+          setInputText(text);
+          setTranslatedText(text);
+        }}
+      />
+
+      {/* <Picker
+        selectedValue={toLang}
+        onValueChange={(itemValue) => setToLang(itemValue)}
+        style={styles.picker}
+      >
+        {languages.map(lang => (
+          <Picker.Item key={lang} label={lang} value={lang} />
+        ))}
+      </Picker> */}
+
+      <TextInput
+        style={styles.text}
+        keyboardType="numeric"
+        placeholder="Translation"
+        value={translatedText}
+        editable={false}
+      />
+    </View>
+  );
+};

Diff for: package-lock.json

@@ -19,6 +19,7 @@
     "@notifee/react-native": "^9.1.8",
     "@react-native-async-storage/async-storage": "1.23.1",
     "@react-native-community/datetimepicker": "^8.3.0",
+    "@react-native-picker/picker": "^2.11.0",
     "@react-navigation/bottom-tabs": "^7.2.0",
     "@react-navigation/native": "^7.0.14",
     "expo": "~52.0.33",