added things to .dockerignore and general refactor

.dockerignore

@@ -1 +1,25 @@
-/node_modules
+# Ignore Node.js modules
+node_modules
+
+# Ignore build artifacts
+.next
+
+# Ignore development-related files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# Ignore coverage reports
+coverage
+
+# Ignore OS and editor-specific files
+.DS_Store
+*.log
+*.swp
+
+# Ignore version control directories
+.git
+
+# Ignore GitHub-specific files
+.github

components/typing-animation.tsx → components/TypingAnimation.tsx

@@ -41,7 +41,10 @@ export default function TypingAnimation ({ text, speed }) {
   }, [text, speed]);
 
   return (
-    <p ref={containerRef} className='inline-block w-[90%] md:w-[80%] h-max max-h-full text-xl text-center overflow-hidden break-words'>
+    <p
+      ref={containerRef}
+      className='inline-block w-[90%] md:w-[80%] h-max max-h-full text-xl text-center overflow-hidden break-words'
+    >
       {displayText}
     </p>
   );

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "Motto",
+  "name": "motto",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -9,25 +9,23 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@nextui-org/react": "^2.2.9",
-    "aos": "^2.3.4",
+    "@nextui-org/react": "^2.3.5",
     "dotenv": "^16.4.2",
-    "framer-motion": "^11.0.3",
-    "next": "^14.1.0",
+    "next": "^14.2.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@types/react": "18.2.55",
-    "@types/node": "20.11.17",
+    "@types/node": "20.12.7",
     "autoprefixer": "^10.4.17",
-    "css-loader": "^6.10.0",
+    "css-loader": "^7.1.1",
     "next-compose-plugins": "^2.2.1",
     "next-transpile-modules": "^10.0.1",
     "postcss": "^8.4.35",
     "postcss-loader": "^8.1.0",
-    "style-loader": "^3.3.4",
+    "style-loader": "^4.0.0",
     "tailwindcss": "^3.4.1",
-    "typescript": "5.3.3"
+    "typescript": "5.4.5"
   }
 }

pages/404.js

@@ -1,7 +1,7 @@
-export default function error404 () {
+export default function Error404 () {
   return (
     <main className="h-screen w-[full] bg-blue-800 flex flex-col justify-center items-center">
-    Nothing here
+      Nothing here
     </main>
   );
 };

pages/api/open-ai.ts → pages/api/OpenAI.ts

@@ -38,5 +38,5 @@ const fetchChatGPT = async (messages) => {
     }
   };
 
-  // Export the function for use in other parts of the application
-  export default fetchChatGPT;
+// Export the function for use in other parts of the application
+export default fetchChatGPT;

pages/index.tsx

@@ -1,8 +1,8 @@
 import { useState, useEffect, useRef } from 'react';
-import fetchChatGPT from './api/open-ai';
-import TypingAnimation from '../components/typing-animation';
-import Background from '../components/background';
-import Dog from '../components/dog';
+import fetchChatGPT from './api/OpenAI';
+import TypingAnimation from '../components/TypingAnimation';
+import Background from '../components/Background';
+import Dog from '../components/Dog';
 
 // Initial guidelines for the AI assistant
 const aiGuideline = `