diff --git a/pages/apps/tictactoe.bak/index.js b/pages/apps/tictactoe/index.js
similarity index 100%
rename from pages/apps/tictactoe.bak/index.js
rename to pages/apps/tictactoe/index.js
diff --git a/pages/apps/tictactoe.bak/index.jsx b/pages/apps/tictactoe/index.jsx
similarity index 59%
rename from pages/apps/tictactoe.bak/index.jsx
rename to pages/apps/tictactoe/index.jsx
index 60f496e..15ed065 100644
--- a/pages/apps/tictactoe.bak/index.jsx
+++ b/pages/apps/tictactoe/index.jsx
@@ -1,6 +1,6 @@
 import { useState } from 'react';
 
-export default function Home() {
+export default function TicTacToe() {
   const [board, setBoard] = useState(Array(9).fill(null));
   const [xIsNext, setXIsNext] = useState(true);
   const winner = calculateWinner(board);
@@ -18,14 +18,9 @@ export default function Home() {
 
   function calculateWinner(squares) {
     const lines = [
-      [0, 1, 2],
-      [3, 4, 5],
-      [6, 7, 8],
-      [0, 3, 6],
-      [1, 4, 7],
-      [2, 5, 8],
-      [0, 4, 8],
-      [2, 4, 6],
+      [0, 1, 2], [3, 4, 5], [6, 7, 8],
+      [0, 3, 6], [1, 4, 7], [2, 5, 8],
+      [0, 4, 8], [2, 4, 6],
     ];
     for (let [a, b, c] of lines) {
       if (squares[a] && squares[a] === squares[b] && squares[a] === squares[c]) {
@@ -36,36 +31,14 @@ export default function Home() {
   }
 
   const renderSquare = (i) => (
-    <button
-      className="square"
-      onClick={() => handleClick(i)}
-    >
+    <button className="square" onClick={() => handleClick(i)}>
       {board[i]}
     </button>
   );
 
-  const statusStyle = {
-    marginBottom: '1rem',
-    fontSize: '1.2rem',
-  };
-  const boardStyle = {
-    display: 'grid',
-    gridTemplateColumns: 'repeat(3, 1fr)',
-    gap: '4px',
-    width: '300px',
-    margin: '0 auto',
-  };
-  const squareStyle = {
-    background: '#fff',
-    border: '1px solid #999',
-    fontSize: '2rem',
-    width: '100%',
-    height: '80px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    cursor: 'pointer',
-  };
+  const statusStyle = { marginBottom: '1rem', fontSize: '1.2rem' };
+  const boardStyle = { display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '4px', width: '300px', margin: '0 auto' };
+  const squareStyle = { background: '#fff', border: '1px solid #999', fontSize: '2rem', width: '100%', height: '80px', display: 'flex', alignItems: 'center', justifyContent: 'center', cursor: 'pointer' };
 
   return (
     <div style={{ padding: '2rem', fontFamily: 'sans-serif' }}>
@@ -79,10 +52,7 @@ export default function Home() {
         ))}
       </div>
       {winner && (
-        <button onClick={() => {
-          setBoard(Array(9).fill(null));
-          setXIsNext(true);
-        }}>
+        <button onClick={() => { setBoard(Array(9).fill(null)); setXIsNext(true); }}>
           Play Again
         </button>
       )}