Add data

package-lock.json

@@ -60,6 +60,7 @@
       },
       "devDependencies": {
         "@eslint/js": "^9.9.0",
+        "@modyfi/vite-plugin-yaml": "^1.1.1",
         "@tailwindcss/typography": "^0.5.15",
         "@types/node": "^22.5.5",
         "@types/react": "^18.3.3",
@@ -874,6 +875,21 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@modyfi/vite-plugin-yaml": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@modyfi/vite-plugin-yaml/-/vite-plugin-yaml-1.1.1.tgz",
+      "integrity": "sha512-rEbfFNlMGLKpAYs2RsfLAhxCHFa6M4QKHHk0A4EYcCJAUwFtFO6qiEdLjUGUTtnRUxAC7GxxCa+ZbeUILSDvqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "5.1.0",
+        "js-yaml": "4.1.0",
+        "tosource": "2.0.0-alpha.3"
+      },
+      "peerDependencies": {
+        "vite": ">=3.2.7"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -2318,6 +2334,36 @@
         "node": ">=14.0.0"
       }
     },
+    "node_modules/@rollup/pluginutils": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
+      "integrity": "sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^2.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/pluginutils/node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@rollup/rollup-android-arm-eabi": {
       "version": "4.24.0",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.24.0.tgz",
@@ -6689,6 +6735,15 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/tosource": {
+      "version": "2.0.0-alpha.3",
+      "resolved": "https://registry.npmjs.org/tosource/-/tosource-2.0.0-alpha.3.tgz",
+      "integrity": "sha512-KAB2lrSS48y91MzFPFuDg4hLbvDiyTjOVgaK7Erw+5AmZXNq4sFRVn8r6yxSLuNs15PaokrDRpS61ERY9uZOug==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/ts-api-utils": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz",

package.json

@@ -63,6 +63,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.9.0",
+    "@modyfi/vite-plugin-yaml": "^1.1.1",
     "@tailwindcss/typography": "^0.5.15",
     "@types/node": "^22.5.5",
     "@types/react": "^18.3.3",

src/components/ConferenceCard.tsx

@@ -1,28 +1,39 @@
-
-import { CalendarDays, Globe, Tag } from "lucide-react";
-
-interface ConferenceCardProps {
-  name: string;
-  date: string;
-  location: string;
-  deadline: string;
-  daysLeft: number;
-  tags: string[];
-}
+import { CalendarDays, Globe, Tag, Clock } from "lucide-react";
+import { Conference } from "@/types/conference";
+import { formatDistanceToNow, parseISO } from "date-fns";
 
 const ConferenceCard = ({
-  name,
+  title,
+  full_name,
   date,
-  location,
+  place,
   deadline,
-  daysLeft,
-  tags,
-}: ConferenceCardProps) => {
+  timezone,
+  tags = [],
+  link,
+  note,
+  abstract_deadline,
+}: Conference) => {
+  const deadlineDate = deadline && deadline !== 'TBD' ? parseISO(deadline) : null;
+  const daysLeft = deadlineDate ? formatDistanceToNow(deadlineDate, { addSuffix: true }) : 'TBD';
+  
   return (
-    <div className="conference-card animate-fade-in">
+    <div className="conference-card">
       <div className="flex justify-between items-start mb-4">
-        <h3 className="text-xl font-semibold">{name}</h3>
-        <div className="countdown">{daysLeft}d</div>
+        <div>
+          <h3 className="text-xl font-semibold">{title}</h3>
+          {full_name && <p className="text-sm text-neutral-600">{full_name}</p>}
+        </div>
+        {link && (
+          <a 
+            href={link}
+            target="_blank"
+            rel="noopener noreferrer" 
+            className="text-primary hover:underline text-sm"
+          >
+            Website →
+          </a>
+        )}
       </div>
       
       <div className="space-y-2 mb-4">
@@ -32,22 +43,38 @@ const ConferenceCard = ({
         </div>
         <div className="flex items-center text-neutral">
           <Globe className="h-4 w-4 mr-2" />
-          <span className="text-sm">{location}</span>
+          <span className="text-sm">{place}</span>
         </div>
-      </div>
-
-      <div className="flex flex-wrap gap-2 mb-4">
-        {tags.map((tag) => (
-          <span key={tag} className="tag">
-            <Tag className="h-3 w-3 mr-1" />
-            {tag}
+        <div className="flex items-center text-neutral">
+          <Clock className="h-4 w-4 mr-2" />
+          <span className="text-sm">
+            Deadline: {deadline === 'TBD' ? 'TBD' : `${deadline} (${timezone})`}
           </span>
-        ))}
+          {abstract_deadline && (
+            <span className="text-sm text-red-500 ml-2">
+              Abstract: {abstract_deadline}
+            </span>
+          )}
+        </div>
       </div>
 
-      <div className="text-sm text-neutral-dark">
-        Deadline: {deadline}
-      </div>
+      {Array.isArray(tags) && tags.length > 0 && (
+        <div className="flex flex-wrap gap-2 mb-4">
+          {tags.map((tag) => (
+            <span key={tag} className="tag">
+              <Tag className="h-3 w-3 mr-1" />
+              {tag}
+            </span>
+          ))}
+        </div>
+      )}
+
+      {note && (
+        <div 
+          className="text-sm text-neutral-600 mt-2"
+          dangerouslySetInnerHTML={{ __html: note }}
+        />
+      )}
     </div>
   );
 };

src/components/FilterBar.tsx

@@ -1,27 +1,44 @@
+import { useMemo } from "react";
+import conferencesData from "@/data/conferences.yml";
 
-const filters = [
-  { id: "All", label: "All", description: "All Conferences" },
-  { id: "ML", label: "Machine Learning", description: "Machine Learning" },
-  { id: "CV", label: "Computer Vision", description: "Computer Vision" },
-  { id: "NLP", label: "Natural Language", description: "Natural Language Processing" },
-  { id: "RO", label: "Robotics", description: "Robotics & Automation" },
-  { id: "SP", label: "Signal Processing", description: "Signal Processing" },
-  { id: "DM", label: "Data Mining", description: "Data Mining & Analytics" },
-  { id: "AP", label: "Applied AI", description: "Applied AI & Applications" },
-  { id: "KR", label: "Knowledge Repr.", description: "Knowledge Representation" },
-  { id: "HCI", label: "Human-AI", description: "Human-Computer Interaction" },
-];
+interface FilterBarProps {
+  selectedTag: string;
+  onTagSelect: (tag: string) => void;
+}
+
+const FilterBar = ({ selectedTag, onTagSelect }: FilterBarProps) => {
+  const uniqueTags = useMemo(() => {
+    const tags = new Set<string>();
+    if (Array.isArray(conferencesData)) {
+      conferencesData.forEach(conf => {
+        if (Array.isArray(conf.tags)) {
+          conf.tags.forEach(tag => tags.add(tag));
+        }
+      });
+    }
+    return ["All", ...Array.from(tags)].map(tag => ({
+      id: tag,
+      label: tag.split("-").map(word => 
+        word.charAt(0).toUpperCase() + word.slice(1)
+      ).join(" "),
+      description: tag === "All" ? "All Conferences" : `${tag} Conferences`
+    }));
+  }, []);
 
-const FilterBar = () => {
   return (
     <div className="w-full py-4 overflow-x-auto bg-white border-b border-neutral-light animate-fade-in">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="flex space-x-4">
-          {filters.map((filter) => (
+          {uniqueTags.map((filter) => (
             <button
               key={filter.id}
               title={filter.description}
-              className="px-4 py-2 text-sm font-medium rounded-lg hover:bg-primary/10 hover:text-primary transition-colors"
+              onClick={() => onTagSelect(filter.id)}
+              className={`px-4 py-2 text-sm font-medium rounded-lg transition-colors ${
+                selectedTag === filter.id 
+                  ? "bg-primary text-white" 
+                  : "hover:bg-primary/10 hover:text-primary"
+              }`}
             >
               {filter.label}
             </button>

src/components/Header.tsx

@@ -1,7 +1,10 @@
-
 import { Search } from "lucide-react";
 
-const Header = () => {
+interface HeaderProps {
+  onSearch: (query: string) => void;
+}
+
+const Header = ({ onSearch }: HeaderProps) => {
   return (
     <header className="w-full py-6 px-4 sm:px-6 lg:px-8 bg-white shadow-sm animate-fade-in">
       <div className="max-w-7xl mx-auto">
@@ -19,6 +22,7 @@ const Header = () => {
             <input
               type="text"
               placeholder="Search conferences..."
+              onChange={(e) => onSearch(e.target.value)}
               className="w-full pl-10 pr-4 py-2 border border-neutral-200 rounded-lg focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary bg-neutral-50"
             />
             <Search className="absolute left-3 top-2.5 h-5 w-5 text-neutral" />

src/data/conferences.yml

@@ -0,0 +1,493 @@
+- title: WACV
+  year: 2025
+  id: wacv25
+  full_name: IEEE/CVF Winter Conference on Applications of Computer Vision
+  link: https://wacv2025.thecvf.com/
+  deadline: '2024-07-14 23:59:59'
+  timezone: America/Los_Angeles
+  place: Tucson, Arizona
+  date: Feb 28 – Mar 4, 2025
+  start: 2025-2-28
+  end: 2025-3-4
+  tags:
+  - machine-learning
+  - computer-vision
+
+- title: WSDM
+  year: 2025
+  id: wsdm25
+  full_name: ACM International Conference on Web Search and Data Mining
+  note: Abstract deadline on August 7, 2024
+  link: https://www.wsdm-conference.org/2025/
+  deadline: '2024-08-14 23:59:00'
+  timezone: UTC-12
+  place: Hannover, Germany
+  date: March 10-14, 2025
+  start: 2025-03-10
+  end: 2025-03-14
+  tags:
+  - web-search
+  - data-mining
+
+- title: AAAI
+  year: 2025
+  id: aaai25
+  full_name: AAAI Conference on Artificial Intelligence
+  link: https://aaai.org/conference/aaai/aaai-25/
+  deadline: '2024-08-15 23:59:59'
+  abstract_deadline: '2024-08-07 23:59:59'
+  timezone: UTC-12
+  place: Philadelphia, USA
+  date: February 25 - March 04, 2025
+  start: 2025-02-25
+  end: 2025-03-04
+  hindex: 212
+  tags:
+  - data-mining
+  - machine-learning
+  - natural-language-processing
+  - computer-vision
+  note: Mandatory abstract deadline on Aug 07, 2024, and supplementary material deadline
+    on Aug 19, 2024. More info <a href='https://aaai.org/conference/aaai/aaai-25/'>here</a>.
+
+- title: WACV
+  year: 2025
+  id: wacv25_2
+  full_name: IEEE/CVF Winter Conference on Applications of Computer Vision
+  link: https://wacv2025.thecvf.com/
+  deadline: '2024-09-09 23:59:59'
+  timezone: UTC-7
+  place: Tucson, Arizona
+  date: Feb 28 – Mar 4, 2025
+  start: 2025-2-28
+  end: 2025-3-4
+  hindex: 109
+  tags:
+  - machine-learning
+  - computer-vision
+  note: This is the second round of submissions. Summplementary material deadline
+    on Sep 11, 2024. More info <a href='https://wacv2025.thecvf.com/'>here</a>.
+
+- title: ICASSP
+  year: 2025
+  id: icassp25
+  link: https://2025.ieeeicassp.org/
+  deadline: '2024-09-09 23:59:59'
+  timezone: UTC-12
+  place: Hyderabad, India
+  date: April 6-11, 2025
+  start: 2025-04-6
+  end: 2025-04-11
+  tags:
+  - signal-processing
+
+- title: CHI
+  year: 2025
+  id: chi25
+  full_name: The ACM Conference on Human Factors in Computing Systems
+  link: https://chi2025.acm.org/
+  deadline: '2024-09-12 23:59:59'
+  abstract_deadline: '2024-09-05 23:59:59'
+  timezone: UTC-12
+  place: Yokohama, Japan
+  date: April 26 - May 01, 2025
+  start: 2025-04-26
+  end: 2025-05-01
+  hindex: 122
+  tags:
+  - human-computer-interaction
+  note: Mandatory abstract deadline on Sep 05, 2024. More info <a href='https://chi2025.acm.org/for-authors/papers/'>here</a>.
+
+- title: ICRA
+  year: 2025
+  id: icra25
+  link: https://2025.ieee-icra.org
+  deadline: '2024-09-15 23:59:59'
+  timezone: America/Los_Angeles
+  place: Atlanta, USA
+  date: May 19 - May 23, 2025
+  start: 2025-05-19
+  end: 2025-05-23
+  hindex: 119
+  tags:
+  - robotics
+
+- title: COLING
+  year: 2025
+  id: coling25
+  full_name: The 31st International Conference on Computational Linguistics
+  link: https://coling2025.org/
+  deadline: '2024-09-16 23:59:59'
+  timezone: UTC-12
+  place: Abu Dhabi, UAE
+  date: January 19-24, 2025
+  start: 2025-01-19
+  end: 2025-01-24
+  hindex: 73
+  tags:
+  - natural-language-processing
+  note: More info can be found <a href="https://coling2025.org/calls/main_conference_papers/#important-dates">here</a>.
+
+- title: ALT
+  year: 2025
+  id: alt2025
+  full_name: International Conference on Algorithmic Learning Theory
+  link: https://algorithmiclearningtheory.org/alt2025/
+  deadline: '2024-10-01 09:59:59'
+  timezone: UTC+0
+  place: Milan, Italy
+  date: February 24-27, 2025
+  tags:
+  - machine-learning
+  note: 'Rankings: CCF: C, CORE: B, THCPL: B'
+
+- title: ICLR
+  year: 2025
+  id: iclr25
+  link: https://iclr.cc/Conferences/2025/CallForPapers
+  deadline: '2024-10-01 23:59:59'
+  abstract_deadline: '2024-09-27 23:59:59'
+  timezone: UTC-12
+  place: Singapore
+  date: Apr 24-28, 2025
+  start: 2025-04-24
+  end: 2025-04-28
+  hindex: 304
+  tags:
+  - machine-learning
+  - computer-vision
+  - natural-language-processing
+  - signal-processing
+  note: Mandatory abstract deadline on September 27, 2024. More info <a href='https://iclr.cc/Conferences/2025/CallForPapers'>here</a>.
+
+- title: ECIR
+  year: 2025
+  id: ecir25
+  full_name: European Conference on Information Retrieval
+  link: https://ecir2025.eu/
+  deadline: '2024-10-09 23:59:59'
+  abstract_deadline: '2024-10-02 23:59:59'
+  timezone: UTC-12
+  place: Lucca, Tuscany, Italy
+  date: April 6 - April 10, 2025
+  start: 2025-04-06
+  end: 2025-04-10
+  tags:
+  - data-mining
+  note: Abstract deadline on Oct 2, 2024. More info <a href='https://ecir2025.eu/'>here</a>.
+
+- title: AISTATS
+  year: 2025
+  id: aistats25
+  link: https://aistats.org/aistats2025/index.html
+  deadline: '2024-10-10 23:59:59'
+  abstract_deadline: '2024-10-03 23:59:59'
+  timezone: UTC-12
+  place: Phuket, Thailand
+  date: May 03-05, 2025
+  start: 2025-05-03
+  end: 2025-05-05
+  hindex: 100
+  tags:
+  - machine-learning
+  note: Abstract deadline on October 3, 2024. More info <a href='https://aistats.org/aistats2025/call-for-papers.html'>here</a>
+
+- title: NAACL
+  year: 2025
+  id: naacl25
+  link: https://2025.naacl.org
+  deadline: '2024-10-15 23:59:59'
+  timezone: UTC-12
+  place: Albuquerque, New Mexico, USA
+  date: April 29 - May 4, 2024
+  start: 2025-04-29
+  end: 2025-05-04
+  hindex: 132
+  tags:
+  - natural-language-processing
+  note: All submissions must be done through ARR. More info <a href='https://2025.naacl.org/calls/papers/'>here</a>.
+
+- title: AAMAS
+  year: 2025
+  id: aamas25
+  link: https://aamas2025.org/
+  deadline: '2024-10-16 23:59:59'
+  abstract_deadline: '2024-10-09 23:59:59'
+  timezone: UTC-12
+  place: Detroit, Michigan, USA
+  date: May 19 - May 23, 2025
+  start: 2025-05-19
+  end: 2025-05-23
+  tags:
+  - machine-learning
+  - robotics
+  note: Mandatory abstract deadline on Oct 09, 2024. More info <a href='https://aamas2025.org/'>here</a>.
+
+- title: CVPR
+  year: 2025
+  id: cvpr25
+  link: https://cvpr.thecvf.com/Conferences/2025
+  deadline: '2024-11-15 06:59:59'
+  abstract_deadline: '2024-11-08 06:59:59'
+  timezone: GMT
+  place: Nashville, Tennessee, USA
+  date: June 10-17, 2025
+  start: 2025-06-10
+  end: 2025-06-17
+  hindex: 389
+  tags:
+  - computer-vision
+  note: Mandatory paper registration deadline on November 07, 2023. More info <a href='https://cvpr.thecvf.com/Conferences/2025'>here</a>.
+
+- title: ESANN
+  year: 2025
+  id: esann25
+  full_name: European Symposium on Artificial Neural Networks, Computational Intelligence
+    and Machine Learning
+  link: https://www.esann.org/
+  deadline: '2024-11-20 00:00:00'
+  timezone: UTC-8
+  place: Bruges, Belgium
+  date: April 23 - April 25, 2025
+  tags:
+  - machine-learning
+  abstract_deadline: '2024-11-20 00:00:00'
+  note: 'Rankings: CCF: N, CORE: B, THCPL: N'
+
+- title: CPAL
+  year: 2025
+  id: cpal25
+  full_name: The Conference on Parsimony and Learning
+  link: https://cpal.cc/
+  deadline: '2024-11-25 23:59:59'
+  timezone: AoE
+  place: California, USA
+  date: March 24-27, 2025
+  tags:
+  - machine-learning
+  note: 'Rankings: CCF: N, CORE: N, THCPL: N'
+
+- title: CEC
+  year: 2025
+  id: cec2025
+  full_name: IEEE Congress on Evolutionary Computation
+  link: https://www.cec2025.org/
+  deadline: '2025-01-15 23:59:59'
+  timezone: UTC-12
+  place: Hangzhou, China
+  date: June 8-12, 2025
+  tags:
+  - machine-learning
+  note: 'Rankings: CCF: N, CORE: B, THCPL: N'
+
+- title: IJCAI
+  year: 2025
+  id: ijcai25
+  full_name: International Joint Conference on Artificial Intelligence
+  link: https://2025.ijcai.org/
+  deadline: '2025-01-23 23:59:59'
+  timezone: UTC-12
+  place: Montreal, Canada.
+  date: August 16-22, 2025
+  tags:
+  - machine-learning
+  abstract_deadline: '2025-01-16 23:59:59'
+  note: 'Rankings: CCF: A, CORE: A*, THCPL: B'
+
+- title: RSS
+  year: 2025
+  id: rss25
+  full_name: Robotics Science and Systems
+  link: https://roboticsconference.org
+  deadline: '2025-01-24 23:59:00'
+  timezone: AoE
+  place: Los Angeles, California, USA
+  date: June 21-25, 2025
+  tags:
+  - machine-learning
+  abstract_deadline: '2025-01-17 23:59:00'
+  note: 'Rankings: CCF: N, CORE: A*, THCPL: A'
+
+- title: ICML
+  year: 2025
+  id: icml25
+  full_name: International Conference on Machine Learning
+  link: https://icml.cc/Conferences/2025
+  deadline: '2025-01-30 23:59:59'
+  timezone: UTC-12
+  place: Vancouver Convention Center, Vancouver, Canada
+  date: July 11-19, 2025
+  tags:
+  - machine-learning
+  abstract_deadline: '2025-01-23 23:59:59'
+  note: 'Rankings: CCF: A, CORE: A*, THCPL: A'
+
+- title: IJCNN
+  year: 2025
+  id: ijcnn2025
+  full_name: International Joint Conference on Neural Networks
+  link: https://2025.ijcnn.org/
+  deadline: '2025-02-05 23:59:59'
+  timezone: UTC-12
+  place: Rome, Italy
+  date: June 30 - July 5, 2025
+  tags:
+  - machine-learning
+  note: 'Rankings: CCF: C, CORE: B, THCPL: B'
+
+- title: COLT
+  year: 2025
+  id: colt25
+  full_name: Annual Conference on Learning Theory
+  link: https://learningtheory.org/colt2025/
+  deadline: '2025-02-06 16:59:59'
+  timezone: UTC-5
+  place: Lyon, France
+  date: June 30 - July 4, 2025
+  tags:
+  - machine-learning
+  note: 'Rankings: CCF: B, CORE: A*, THCPL: A'
+
+- title: UAI
+  year: 2025
+  id: uai25
+  full_name: Conference on Uncertainty in Artificial Intelligence
+  link: https://www.auai.org/uai2025/
+  deadline: '2025-02-10 23:59:59'
+  timezone: AoE
+  place: Rio de Janeiro, Brazil
+  date: July 21-25, 2025
+  tags:
+  - machine-learning
+  note: 'Rankings: CCF: B, CORE: A, THCPL: B'
+
+- title: ACL
+  year: 2025
+  id: acl25
+  full_name: Annual Meeting of the Association for Computational Linguistics
+  link: https://2025.aclweb.org/
+  deadline: '2025-02-15 23:59:59'
+  timezone: UTC-12
+  place: Vienna, Austria
+  date: July 27 - August 1, 2025
+  tags: AI
+  note: 'Rankings: CCF: A, CORE: A*, THCPL: A'
+
+- title: IROS
+  year: 2025
+  id: iros25
+  full_name: IEEE\RSJ International Conference on Intelligent Robots and Systems
+  link: http://www.iros25.org/
+  deadline: '2025-03-01 23:59:59'
+  timezone: UTC-8
+  place: Hangzhou, China
+  date: October 19-25, 2025
+  tags: AI
+  note: 'Rankings: CCF: C, CORE: A, THCPL: B'
+
+- title: KSEM
+  year: 2025
+  id: ksem25
+  full_name: International Conference on Knowledge Science, Engineering and Management
+  link: https://ksem2025.scimeeting.cn/
+  deadline: '2025-03-04 23:59:59'
+  timezone: UTC+0
+  place: Macao SAR, China
+  date: August 4-6, 2025
+  tags: AI
+  note: 'Rankings: CCF: C, CORE: C, THCPL: N'
+
+- title: ICDAR
+  year: 2025
+  id: icdar2025
+  full_name: International Conference on Document Analysis and Recognition
+  link: https://www.icdar2025.com/home
+  deadline: '2025-03-07 23:59:59'
+  timezone: UTC+0
+  place: Wuhan, China
+  date: September 17-21, 2025
+  tags: AI
+  abstract_deadline: '2025-02-28 23:59:59'
+  note: 'Rankings: CCF: C, CORE: A, THCPL: B'
+
+- title: ICCV
+  year: 2025
+  id: iccv25
+  full_name: IEEE International Conference on Computer Vision
+  link: https://iccv.thecvf.com/Conferences/2025
+  deadline: '2025-03-08 09:59:59'
+  timezone: UTC+0
+  place: Honolulu, Hawaii
+  date: October 19-25, 2025
+  tags:
+  - machine-learning
+  - computer-vision
+  note: 'Rankings: CCF: A, CORE: A*, THCPL: A'
+
+- title: ICANN
+  year: 2025
+  id: icann2025
+  full_name: International Conference on Artificial Neural Networks
+  link: https://e-nns.org/icann2025/
+  deadline: '2025-03-15 23:59:59'
+  timezone: AoE
+  place: Kaunas, Lithuania
+  date: Sept 9-12, 2025
+  tags:
+  - machine-learning
+  note: 'Rankings: CCF: C, CORE: C, THCPL: N'
+
+- title: COLM
+  year: 2025
+  id: colm25
+  full_name: Conference on Language Modeling
+  link: https://colmweb.org/cfp.html
+  deadline: '2025-03-27 23:59:59'
+  timezone: AoE
+  place: Palais des Congrès Montreal, Canada
+  date: October 7-9, 2025
+  tags:
+  - natural-language-processing
+  abstract_deadline: '2025-03-20 23:59:59'
+  note: 'Rankings: CCF: N, CORE: N, THCPL: N'
+
+- title: ECAI
+  year: 2025
+  id: ecai25
+  full_name: European Conference on Artificial Intelligence
+  link: https://ecai2025.org/deadlines/
+  deadline: '2025-05-06 23:59:59'
+  timezone: UTC-12
+  place: Bologna, ITALY
+  date: October 25-30, 2025
+  tags:
+  - machine-learning
+  abstract_deadline: '2025-04-29 23:59:59'
+  note: 'Rankings: CCF: B, CORE: A, THCPL: N'
+
+- title: EMNLP
+  year: 2025
+  id: emnlp25
+  full_name: The annual Conference on Empirical Methods in Natural Language Processing
+  link: https://2025.emnlp.org/
+  deadline: '2025-05-19 23:59:59'
+  timezone: UTC-12
+  place: Suzhou, China
+  date: November 5 - 9, 2025
+  tags:
+  - natural-language-processing
+  note: 'Rankings: CCF: B, CORE: A*, THCPL: A'
+
+- title: ICRA
+  year: 2026
+  id: icra26
+  full_name: IEEE International Conference on Robotics and Automation
+  link: https://www.ieee-ras.org/conferences-workshops/fully-sponsored/icra
+  deadline: TBD
+  timezone: UTC+1
+  place: Vienna, Austria
+  date: Jun 1-5, 2026
+  tags:
+  - machine-learning
+  - robotics
+  note: 'Rankings: CCF: B, CORE: A*, THCPL: A'

src/pages/Index.tsx

@@ -1,44 +1,55 @@
-
 import Header from "@/components/Header";
 import FilterBar from "@/components/FilterBar";
 import ConferenceCard from "@/components/ConferenceCard";
-
-const conferences = [
-  {
-    name: "ICLR 2024",
-    date: "May 7-11, 2024",
-    location: "Vienna, Austria",
-    deadline: "Sep 28, 2023, 8:00 PM UTC",
-    daysLeft: 45,
-    tags: ["ML", "DL", "AI"],
-  },
-  {
-    name: "CVPR 2024",
-    date: "June 17-21, 2024",
-    location: "Seattle, USA",
-    deadline: "Nov 10, 2023, 11:59 PM UTC",
-    daysLeft: 60,
-    tags: ["CV", "ML", "AI"],
-  },
-  {
-    name: "NeurIPS 2024",
-    date: "December 8-14, 2024",
-    location: "Vancouver, Canada",
-    deadline: "May 17, 2024, 11:59 PM UTC",
-    daysLeft: 120,
-    tags: ["ML", "AI", "DL"],
-  },
-];
+import conferencesData from "@/data/conferences.yml";
+import { Conference } from "@/types/conference";
+import { useState, useMemo, useEffect } from "react";
 
 const Index = () => {
+  const [selectedTag, setSelectedTag] = useState("All");
+  const [searchQuery, setSearchQuery] = useState("");
+
+  // Add debug logging
+  useEffect(() => {
+    console.log("Conferences data:", conferencesData);
+  }, []);
+
+  const filteredConferences = useMemo(() => {
+    if (!Array.isArray(conferencesData)) {
+      console.error("Conferences data is not an array:", conferencesData);
+      return [];
+    }
+
+    return conferencesData
+      .filter((conf: Conference) => {
+        const matchesTag = selectedTag === "All" || conf.tags.includes(selectedTag);
+        const matchesSearch = searchQuery === "" || 
+          conf.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
+          (conf.full_name && conf.full_name.toLowerCase().includes(searchQuery.toLowerCase()));
+        return matchesTag && matchesSearch;
+      })
+      .sort((a: Conference, b: Conference) => 
+        new Date(a.deadline).getTime() - new Date(b.deadline).getTime()
+      );
+  }, [selectedTag, searchQuery]);
+
+  // Add debug logging for filtered conferences
+  useEffect(() => {
+    console.log("Filtered conferences:", filteredConferences);
+  }, [filteredConferences]);
+
+  if (!Array.isArray(conferencesData)) {
+    return <div>Loading conferences...</div>;
+  }
+
   return (
     <div className="min-h-screen bg-neutral-light">
-      <Header />
-      <FilterBar />
+      <Header onSearch={setSearchQuery} />
+      <FilterBar selectedTag={selectedTag} onTagSelect={setSelectedTag} />
       <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-          {conferences.map((conference) => (
-            <ConferenceCard key={conference.name} {...conference} />
+          {filteredConferences.map((conference: Conference) => (
+            <ConferenceCard key={conference.id} {...conference} />
           ))}
         </div>
       </main>

src/types/conference.ts

@@ -0,0 +1,17 @@
+export interface Conference {
+  title: string;
+  year: number;
+  id: string;
+  full_name?: string;
+  link: string;
+  deadline: string;
+  timezone: string;
+  place: string;
+  date: string;
+  start?: string;
+  end?: string;
+  tags: string[];
+  abstract_deadline?: string;
+  note?: string;
+  hindex?: number;
+} 

src/types/yaml.d.ts

@@ -0,0 +1,4 @@
+declare module '*.yml' {
+  const data: any;
+  export default data;
+} 

vite.config.ts

@@ -2,6 +2,7 @@ import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";
 import path from "path";
 import { componentTagger } from "lovable-tagger";
+import yaml from "@modyfi/vite-plugin-yaml";
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => ({
@@ -13,6 +14,10 @@ export default defineConfig(({ mode }) => ({
     react(),
     mode === 'development' &&
     componentTagger(),
+    yaml({
+      include: 'src/data/**/*.yml',
+      stringify: true,
+    }),
   ].filter(Boolean),
   resolve: {
     alias: {