Spaces:

andreaschandra
/

personal-page

Running

App Files Files Community

andreaschandra commited on Apr 10

Commit

54d08d3

verified ·

1 Parent(s): 3a27a91

Update index.html

Browse files

Files changed (1) hide show

index.html +19 -25

index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>John Doe | Software Engineer</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
@@ -92,11 +92,10 @@
     <section id="home" class="pt-24 pb-16 md:pt-32 md:pb-24 px-4 sm:px-6 lg:px-8 max-w-6xl mx-auto">
         <div class="flex flex-col md:flex-row items-center">
             <div class="md:w-1/2 mb-10 md:mb-0">
-                <h1 class="text-4xl md:text-5xl font-bold mb-4">Hi, I'm <span class="gradient-text">John Doe</span></h1>
-                <h2 class="text-2xl md:text-3xl font-semibold text-gray-600 mb-6">Full Stack Developer</h2>
                 <p class="text-gray-600 mb-8 max-w-lg">
-                    I build exceptional digital experiences with clean, efficient code.
-                    Passionate about solving complex problems and creating intuitive user interfaces.
                 </p>
                 <div class="flex space-x-4">
                     <a href="#projects" class="px-6 py-3 bg-gradient-to-r from-blue-500 to-purple-500 text-white rounded-lg font-medium hover:opacity-90 transition">
@@ -133,9 +132,9 @@
                         <i class="fas fa-laptop-code text-white text-6xl"></i>
                     </div>
                     <div class="p-6">
-                        <h3 class="text-xl font-bold mb-2">E-Commerce Platform</h3>
                         <p class="text-gray-600 mb-4">
-                            A full-featured e-commerce platform with payment integration, product management, and user authentication.
                         </p>
                         <div class="flex flex-wrap gap-2 mb-4">
                             <span class="px-3 py-1 bg-blue-100 text-blue-800 text-xs font-medium rounded-full">React</span>
@@ -160,9 +159,9 @@
                         <i class="fas fa-mobile-alt text-white text-6xl"></i>
                     </div>
                     <div class="p-6">
-                        <h3 class="text-xl font-bold mb-2">Fitness Tracker App</h3>
                         <p class="text-gray-600 mb-4">
-                            A mobile application for tracking workouts, nutrition, and progress with data visualization.
                         </p>
                         <div class="flex flex-wrap gap-2 mb-4">
                             <span class="px-3 py-1 bg-purple-100 text-purple-800 text-xs font-medium rounded-full">React Native</span>
@@ -186,9 +185,9 @@
                         <i class="fas fa-chart-line text-white text-6xl"></i>
                     </div>
                     <div class="p-6">
-                        <h3 class="text-xl font-bold mb-2">Data Analytics Dashboard</h3>
                         <p class="text-gray-600 mb-4">
-                            A real-time analytics dashboard with interactive visualizations and custom reporting features.
                         </p>
                         <div class="flex flex-wrap gap-2 mb-4">
                             <span class="px-3 py-1 bg-blue-100 text-blue-800 text-xs font-medium rounded-full">Vue.js</span>
@@ -305,24 +304,20 @@
                     <div class="bg-white p-6 rounded-lg shadow-sm">
                         <div class="mb-6">
-                            <h4 class="font-medium mb-3">Frontend</h4>
                             <div class="flex flex-wrap gap-2">
-                                <span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full">React</span>
-                                <span class="px-3 py-1 bg-yellow-100 text-yellow-800 rounded-full">JavaScript</span>
-                                <span class="px-3 py-1 bg-green-100 text-green-800 rounded-full">Vue.js</span>
-                                <span class="px-3 py-1 bg-red-100 text-red-800 rounded-full">TypeScript</span>
-                                <span class="px-3 py-1 bg-purple-100 text-purple-800 rounded-full">Tailwind CSS</span>
                             </div>
                         </div>
                         <div class="mb-6">
-                            <h4 class="font-medium mb-3">Backend</h4>
                             <div class="flex flex-wrap gap-2">
-                                <span class="px-3 py-1 bg-green-100 text-green-800 rounded-full">Node.js</span>
-                                <span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full">Python</span>
-                                <span class="px-3 py-1 bg-red-100 text-red-800 rounded-full">Java</span>
-                                <span class="px-3 py-1 bg-purple-100 text-purple-800 rounded-full">Express</span>
-                                <span class="px-3 py-1 bg-yellow-100 text-yellow-800 rounded-full">Django</span>
                             </div>
                         </div>
@@ -330,9 +325,8 @@
                             <h4 class="font-medium mb-3">Other</h4>
                             <div class="flex flex-wrap gap-2">
                                 <span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full">Docker</span>
-                                <span class="px-3 py-1 bg-green-100 text-green-800 rounded-full">AWS</span>
                                 <span class="px-3 py-1 bg-red-100 text-red-800 rounded-full">Git</span>
-                                <span class="px-3 py-1 bg-purple-100 text-purple-800 rounded-full">MongoDB</span>
                                 <span class="px-3 py-1 bg-yellow-100 text-yellow-800 rounded-full">PostgreSQL</span>
                             </div>
                         </div>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Andreas Chandra | AI Engineer</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
     <section id="home" class="pt-24 pb-16 md:pt-32 md:pb-24 px-4 sm:px-6 lg:px-8 max-w-6xl mx-auto">
         <div class="flex flex-col md:flex-row items-center">
             <div class="md:w-1/2 mb-10 md:mb-0">
+                <h1 class="text-4xl md:text-5xl font-bold mb-4">Hi, I'm <span class="gradient-text">Andreas Chandra</span></h1>
+                <h2 class="text-2xl md:text-3xl font-semibold text-gray-600 mb-6">AI Engineer</h2>
                 <p class="text-gray-600 mb-8 max-w-lg">
+                    I build and deploy machine learning models that have business impacts.
                 </p>
                 <div class="flex space-x-4">
                     <a href="#projects" class="px-6 py-3 bg-gradient-to-r from-blue-500 to-purple-500 text-white rounded-lg font-medium hover:opacity-90 transition">
                         <i class="fas fa-laptop-code text-white text-6xl"></i>
                     </div>
                     <div class="p-6">
+                        <h3 class="text-xl font-bold mb-2">OCR</h3>
                         <p class="text-gray-600 mb-4">
+                            An end-to-end OCR Receipts.
                         </p>
                         <div class="flex flex-wrap gap-2 mb-4">
                             <span class="px-3 py-1 bg-blue-100 text-blue-800 text-xs font-medium rounded-full">React</span>
                         <i class="fas fa-mobile-alt text-white text-6xl"></i>
                     </div>
                     <div class="p-6">
+                        <h3 class="text-xl font-bold mb-2">Question Answering</h3>
                         <p class="text-gray-600 mb-4">
+                            A dataset for Indonesian question answering.
                         </p>
                         <div class="flex flex-wrap gap-2 mb-4">
                             <span class="px-3 py-1 bg-purple-100 text-purple-800 text-xs font-medium rounded-full">React Native</span>
                         <i class="fas fa-chart-line text-white text-6xl"></i>
                     </div>
                     <div class="p-6">
+                        <h3 class="text-xl font-bold mb-2">MarqetSim</h3>
                         <p class="text-gray-600 mb-4">
+                            LLM-powered multi agents persona for market research.
                         </p>
                         <div class="flex flex-wrap gap-2 mb-4">
                             <span class="px-3 py-1 bg-blue-100 text-blue-800 text-xs font-medium rounded-full">Vue.js</span>
                     <div class="bg-white p-6 rounded-lg shadow-sm">
                         <div class="mb-6">
+                            <h4 class="font-medium mb-3">Programming</h4>
                             <div class="flex flex-wrap gap-2">
+                                <span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full">Python</span>
+                                <span class="px-3 py-1 bg-yellow-100 text-yellow-800 rounded-full">SQL</span>
+                                <span class="px-3 py-1 bg-green-100 text-green-800 rounded-full">Bash</span>
                             </div>
                         </div>
                         <div class="mb-6">
+                            <h4 class="font-medium mb-3">Machine Learning</h4>
                             <div class="flex flex-wrap gap-2">
+                                <span class="px-3 py-1 bg-green-100 text-green-800 rounded-full">Scikit-learn</span>
+                                <span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full">OpenCV</span>
+                                <span class="px-3 py-1 bg-red-100 text-red-800 rounded-full">PyTorch</span>
                             </div>
                         </div>
                             <h4 class="font-medium mb-3">Other</h4>
                             <div class="flex flex-wrap gap-2">
                                 <span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full">Docker</span>
+                                <span class="px-3 py-1 bg-green-100 text-green-800 rounded-full">GCP</span>
                                 <span class="px-3 py-1 bg-red-100 text-red-800 rounded-full">Git</span>
                                 <span class="px-3 py-1 bg-yellow-100 text-yellow-800 rounded-full">PostgreSQL</span>
                             </div>
                         </div>