Use language English as default

Author: AIPTU

README.md

@@ -1,19 +1,19 @@
-# Urutan Aritmatika
+# Arithmetic Sequence
 
-Sebuah aplikasi web untuk membuat dan menyelesaikan urutan aritmatika.
+A web application for generating and solving arithmetic sequences.
 
-## Fitur
+## Features
 
-- Membuat urutan aritmatika
-- Menyelesaikan urutan aritmatika yang hilang
+- Generate arithmetic sequences
+- Solve missing arithmetic sequences
 
-## Teknologi
+## Technology
 
 - React
 - Framer Motion
 - Vite
 
-## Kredit
+## Credits
 
 - Icon: [Icons8](https://icons8.com)
 - Background: [Freepik](https://img.freepik.com)

index.html

@@ -5,7 +5,7 @@
   <meta charset="UTF-8" />
   <link rel="icon" type="image/png" href="https://img.icons8.com/?size=100&id=21RZGSq7l9zF&format=png&color=000000" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Urutan Aritmatika</title>
+  <title>Arithmetic Sequence</title>
   <link rel="preload" href="https://img.freepik.com/free-photo/stationery-with-apple-calculator-blackboard_23-2148199923.jpg" as="image">
 </head>
 

src/App.jsx

@@ -37,44 +37,44 @@ const App = () => {
         return (
           <div className="main-menu fade-in">
             <h1 className="slide-down">
-              Urutan Aritmatika
+              Arithmetic Sequence
             </h1>
             <ButtonGroup>
               <Button
                 type="arithmetic"
                 onClick={() => handleNavigation("generate", "arithmetic")}
               >
-                Membuat Urutan Aritmatika
+                Generate Arithmetic Sequence
               </Button>
               <Button
                 type="arithmetic"
                 onClick={() => handleNavigation("solve", "arithmetic")}
               >
-                Menyelesaikan Urutan Aritmatika yang Hilang
+                Solve Missing Arithmetic Sequence
               </Button>
               <Button
                 type="geometric"
                 onClick={() => handleNavigation("generate", "geometric")}
               >
-                Membuat Urutan Geometri
+                Generate Geometric Sequence
               </Button>
               <Button
                 type="geometric"
                 onClick={() => handleNavigation("solve", "geometric")}
               >
-                Menyelesaikan Urutan Geometri yang Hilang
+                Solve Missing Geometric Sequence
               </Button>
               <Button
                 type="alphabet"
                 onClick={() => handleNavigation("generate", "alphabet")}
               >
-                Membuat Urutan Abjad
+                Generate Alphabet Sequence
               </Button>
               <Button
                 type="alphabet"
                 onClick={() => handleNavigation("solve", "alphabet")}
               >
-                Menyelesaikan Urutan Abjad yang Hilang
+                Solve Missing Alphabet Sequence
               </Button>
             </ButtonGroup>
           </div>

src/components/GenerateSequence.jsx

@@ -48,7 +48,7 @@ const GenerateSequence = memo(({ sequenceType, goBack }) => {
         break;
       }
       default:
-        throw new Error("Tipe urutan tidak diketahui");
+        throw new Error("Unknown sequence type");
     }
     return result;
   }, []);
@@ -57,64 +57,64 @@ const GenerateSequence = memo(({ sequenceType, goBack }) => {
     const text = generatedSequence.join(", ");
     navigator.clipboard
       .writeText(text)
-      .then(() => alert("Disalin ke clipboard"))
-      .catch((err) => console.error("Gagal menyalin teks: ", err));
+      .then(() => alert("Copied to clipboard"))
+      .catch((err) => console.error("Failed to copy text: ", err));
   }, [generatedSequence]);
 
   return (
     <div className="sequence-page fade-in">
-      <motion.h2>{`Buat ${
+      <motion.h2>{`Generate ${
         sequenceType.charAt(0).toUpperCase() + sequenceType.slice(1)
-      } Urutan`}</motion.h2>
+      } Sequence`}</motion.h2>
       <form onSubmit={handleSubmit} className="sequence-form">
         <div>
-          <label>Suku Awal:</label>
+          <label>Initial Term:</label>
           <input
             type={sequenceType === "alphabet" ? "text" : "number"}
             value={initialTerm}
             onChange={(event) => setInitialTerm(event.target.value)}
             required
-            placeholder={sequenceType === "alphabet" ? "contoh: A" : "contoh: 1"}
+            placeholder={sequenceType === "alphabet" ? "e.g.: A" : "e.g.: 1"}
           />
         </div>
 
         <div>
           <label>
             {sequenceType === "arithmetic"
-              ? "Selisih Umum"
+              ? "Common Difference"
               : sequenceType === "geometric"
-              ? "Rasio Umum"
-              : "Langkah"}
+              ? "Common Ratio"
+              : "Step"}
           </label>
           <input
             type="number"
             value={commonDifferenceOrRatio}
             onChange={(event) => setCommonDifferenceOrRatio(event.target.value)}
             required
-            placeholder="contoh: 2"
+            placeholder="e.g.: 2"
           />
         </div>
         <div>
-          <label>Jumlah Suku:</label>
+          <label>Number of Terms:</label>
           <input
             type="number"
             value={numberOfTerms}
             onChange={(event) => setNumberOfTerms(event.target.value)}
             required
-            placeholder="contoh: 5"
+            placeholder="e.g.: 5"
           />
         </div>
 
         <button
           className="button-hover"
           type="submit"
         >
-          Buat
+          Generate
         </button>
       </form>
       {generatedSequence.length > 0 && (
         <div>
-          <h3>Urutan yang Dihasilkan:</h3>
+          <h3>Generated Sequence:</h3>
           <ul>
             {generatedSequence.map((num, index) => (
               <li key={index} className="list-item-hover">
@@ -126,15 +126,15 @@ const GenerateSequence = memo(({ sequenceType, goBack }) => {
             className="back-button button-hover"
             onClick={handleCopy}
           >
-            Salin ke Clipboard
+            Copy to Clipboard
           </button>
         </div>
       )}
       <button
         className="back-button button-hover"
         onClick={goBack}
       >
-        Kembali
+        Back
       </button>
     </div>
   );

src/components/SolveMissing.jsx

@@ -19,9 +19,9 @@ const SolveMissing = memo(({ sequenceType, goBack }) => {
 
     if (hasInvalidNumber || hasInvalidLetter) {
       throw new Error(
-        `Masukan tidak valid: Hanya ${
-          type === "alphabet" ? "huruf" : "angka"
-        } yang diizinkan untuk urutan ${type}.`
+        `Invalid input: Only ${
+          type === "alphabet" ? "letters" : "numbers"
+        } are allowed for ${type} sequence.`
       );
     }
   }, []);
@@ -38,7 +38,7 @@ const SolveMissing = memo(({ sequenceType, goBack }) => {
         .map((x) => (x.trim() === "..." ? null : x.trim()));
 
       if (inputArray.length < 2) {
-        throw new Error("Masukan urutan harus memiliki setidaknya dua urutan.");
+        throw new Error("Sequence input must have at least two terms.");
       }
 
       validateSequence(inputArray, sequenceType);
@@ -61,41 +61,41 @@ const SolveMissing = memo(({ sequenceType, goBack }) => {
       case "arithmetic": {
         const diff = findArithmeticDifference(solvedSequence);
         if (diff === null) {
-          throw new Error("Tidak dapat menemukan selisih yang umum.");
+          throw new Error("Cannot find common difference.");
         }
         solvedSequence = fillMissingTermsArithmetic(solvedSequence, diff);
         return {
           solvedArray: solvedSequence,
-          details: `Selisih yang umum adalah ${diff}.`,
+          details: `The common difference is ${diff}.`,
         };
       }
 
       case "geometric": {
         const ratio = findGeometricRatio(solvedSequence);
         if (ratio === null) {
-          throw new Error("Tidak dapat menemukan rasio yang umum.");
+          throw new Error("Cannot find common ratio.");
         }
         solvedSequence = fillMissingTermsGeometric(solvedSequence, ratio);
         return {
           solvedArray: solvedSequence,
-          details: `Rasio yang umum adalah ${ratio}.`,
+          details: `The common ratio is ${ratio}.`,
         };
       }
 
       case "alphabet": {
         const diff = findAlphabetDifference(solvedSequence);
         if (diff === null) {
-          throw new Error("Tidak dapat menemukan perbedaan huruf yang umum.");
+          throw new Error("Cannot find common letter difference.");
         }
         solvedSequence = fillMissingTermsAlphabet(solvedSequence, diff);
         return {
           solvedArray: solvedSequence,
-          details: `Perbedaan huruf yang umum adalah ${diff}.`,
+          details: `The common letter difference is ${diff}.`,
         };
       }
 
       default:
-        throw new Error("Tipe urutan tidak diketahui.");
+        throw new Error("Unknown sequence type.");
     }
   }, []);
 
@@ -158,25 +158,25 @@ const SolveMissing = memo(({ sequenceType, goBack }) => {
     const text = solvedSequence.join(", ");
     navigator.clipboard
       .writeText(text)
-      .then(() => alert("Disalin ke Clipboard"))
-      .catch((err) => console.error("Gagal menyalin teks: ", err));
+      .then(() => alert("Copied to Clipboard"))
+      .catch((err) => console.error("Failed to copy text: ", err));
   }, [solvedSequence]);
 
   const placeholder = {
-    arithmetic: "contoh: 2, 4, 6, 8, ...",
-    geometric: "contoh: 2, 6, 18, 54, ...",
-    alphabet: "contoh: A, D, G, J, ...",
+    arithmetic: "e.g.: 2, 4, 6, 8, ...",
+    geometric: "e.g.: 2, 6, 18, 54, ...",
+    alphabet: "e.g.: A, D, G, J, ...",
   }[sequenceType];
 
   return (
     <div className="sequence-page fade-in">
-      <motion.h2>{`Menyelesaikan Urutan ${
+      <motion.h2>{`Solve Missing ${
         sequenceType.charAt(0).toUpperCase() + sequenceType.slice(1)
-      } yang Hilang`}</motion.h2>
+      } Sequence`}</motion.h2>
       <form onSubmit={handleSubmit} className="sequence-form">
         <div>
           <label>
-            Masukkan urutan (gunakan &quot;...&quot; untuk urutan yang hilang):
+            Enter sequence (use &quot;...&quot; for missing terms):
           </label>
           <input
             type="text"
@@ -191,13 +191,13 @@ const SolveMissing = memo(({ sequenceType, goBack }) => {
           className="button-hover"
           type="submit"
         >
-          Selesaikan
+          Solve
         </button>
       </form>
 
       {solvedSequence.length > 0 && (
         <div>
-          <h3>Urutan yang Dipecahkan:</h3>
+          <h3>Solved Sequence:</h3>
           <ul>
             {solvedSequence.map((num, index) => (
               <li key={index} className="list-item-hover">
@@ -210,15 +210,15 @@ const SolveMissing = memo(({ sequenceType, goBack }) => {
             className="back-button button-hover"
             onClick={handleCopy}
           >
-            Salin ke Clipboard
+            Copy to Clipboard
           </button>
         </div>
       )}
       <button
         className="back-button button-hover"
         onClick={goBack}
       >
-        Kembali
+        Back
       </button>
     </div>
   );