setup antigravity

.agents/rules/00-base.md

+---
+trigger: always_on
+---
+
+# AI Coding Rules for Personal Portfolio Project
+
+## 1. Role & Context
+- Act as an expert Frontend/Full-stack Developer specializing in React, Vite, TypeScript/JavaScript, and Tailwind CSS.
+- The project is a personal portfolio website designed to showcase skills, projects, and professional experience.
+
+## 2. Core Rule: UI Language
+- **Strict Requirement:** ALL User Interface (UI) text, headings, buttons, descriptions, and placeholders MUST be written in English.
+- Do not use Vietnamese or any other language for user-facing content. 
+- Log messages, code comments, and documentation should also be in English.
+
+## 3. Tech Stack
+- **Build Tool:** Vite
+- **Framework:** React
+- **Language:** JavaScript
+- **Styling:** Tailwind CSS
+- **Icons:** Lucide React.
\ No newline at end of file

.agents/rules/01-info.md

+# Portfolio Information Source
+
+When building, updating, or generating content for the portfolio website, you MUST always refer to `docs/info.md` to retrieve the user's personal information, skills, work experience, projects, and education.
+
+## Guidelines:
+1. **Source of Truth:** Treat `docs/info.md` as the single source of truth for all personal data.
+2. **No Assumptions:** Do not invent, hallucinate, or assume any personal details, links, or project descriptions.
+3. **Data Extraction:** When instructed to populate a component (e.g., About Me, Projects, Contact), read `docs/info.md` first to extract the accurate information.
+4. **Formatting:** Adapt the information from the markdown file to fit the required UI components (HTML/React) while keeping the core meaning and details intact.

docs/info.md

+# Portfolio - Personal Information
+## 1. Contact Information
+Full Name: Lê Ngọc Tú
+
+Position/Title: Web Developer / Backend Developer
+
+Email: tuleaibk@gmail.com
+
+Phone Number: 0376519959
+
+Location: Ho Chi Minh City
+
+GitHub: https://github.com/TuLe142857
+
+
+## 2. About Me
+Final-year Information Technology student at Posts and Telecommunications Institute of Technology (PTIT) - HCMC campus. I have a solid foundation in Backend Development and am seeking an IT internship opportunity. My goal is to apply my programming skills to real-world projects, learn from experienced engineers, and contribute effectively to the development team.
+
+## 3. Education
+University: Posts and Telecommunications Institute of Technology (PTIT) - HCMC
+
+Department: Information Technology 2 (IT2)
+
+Duration: 2022 - 2027
+
+GPA: 3.20/4.0
+
+## 4. Skills
+Programming Languages: Java, Python, JavaScript, TypeScript
+
+Backend: FastAPI, Spring Boot, Flask, SQLAlchemy
+
+Frontend: React, Vite, Tailwind CSS
+
+Database: MySQL, PostgreSQL, Redis
+
+DevOps & Tools: Docker, Git, GitHub Actions, Linux (Ubuntu, Fedora), MinIO, Celery
+
+Others: Utilize Obsidian for document management and note-taking
+
+Languages: English (TOEIC 815)
+
+## 5. Work Experience
+### Internship at MeU Solutions
+
+Company/Organization Name: MeU Solutions
+
+Position: Backend Developer
+
+Duration: 07/2026 - 09/2026
+
+## 6. Projects
+### 6.1. DocumentHub
+Project Type: Course Project (Software Quality Assurance & Service-Oriented Architecture) / Personal Project
+
+Duration: 04/2026 - 05/2026
+
+Description: A web platform allowing users to upload, store, manage, and convert digital document formats.
+
+Technologies: Python, FastAPI, MySQL, Redis, Celery, MinIO (S3), Gotenberg, Docker, React.
+
+Key Achievements:
+
+Developed high-performance RESTful APIs using FastAPI.
+
+Integrated MinIO for secure storage and retrieval of large files.
+
+Utilized Gotenberg API for automated file format conversion to PDF.
+
+Built asynchronous background workers with Celery and Redis to handle heavy tasks without blocking the main thread.
+
+Containerized the entire system using Docker.
+
+Source Code: https://github.com/TuLe142857/DocumentHub
+
+### 6.2. ChessLens
+Project Type: Personal Project
+
+Duration: 05/2026
+
+Description: Web application for visualizing chess player data and generating recap reports.
+
+Technologies: React (Vite), TypeScript, Tailwind CSS, TanStack Query, Recharts, GitHub Actions, Vercel.
+
+Key Achievements:
+
+Integrated Chess.com Public API via Axios to extract large volumes of profile data and match history.
+
+Optimized API fetching and state management with TanStack Query.
+
+Deployed CI/CD pipeline with GitHub Actions and Vercel.
+
+Source Code: https://github.com/TuLe142857/ChessLens.git
+
+Website: https://chesslens.io.vn/
+
+### 6.3. MindCard
+Project Type: Group Project (Ongoing)
+
+Team Members: Lê Ngọc Tú, Trần Đỗ Mạnh Duy, Trần Ti Ni, Đặng Hữu Hiếu
+
+Duration: 05/2026 - present
+
+Description: Web application supporting learning through digital flashcards.
+
+Technologies: Java, Spring Boot, PostgreSQL, MinIO.
+
+Key Achievements:
+
+Built backend system architecture using Spring Boot, adhering to clean code principles.
+
+Designed secure RESTful APIs for core features (authentication, deck creation, card management).
+
+Integrated PostgreSQL for user data management and MinIO for handling attached media.
+
+Source Code: https://github.com/TuLe142857/MindCard.git
+
+## 7. Certifications & Awards
+Language Certification: TOEIC 815
\ No newline at end of file

package-lock.json

@@ -9,6 +9,7 @@
       "version": "0.0.0",
       "dependencies": {
         "@tailwindcss/vite": "^4.3.1",
+        "lucide-react": "^1.22.0",
         "react": "^19.2.7",
         "react-dom": "^19.2.7",
         "tailwindcss": "^4.3.1"
@@ -2182,6 +2183,15 @@
         "yallist": "^3.0.2"
       }
     },
+    "node_modules/lucide-react": {
+      "version": "1.22.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-1.22.0.tgz",
+      "integrity": "sha512-c9o3l0PiNcgOQDW4F31BEYHudE7kgxVt3o30qMl36ZPwTxXlGB4QnLilhERvVM4uh/pl5MDyY1/gzZSYcHDtBg==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/magic-string": {
       "version": "0.30.21",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",

package.json

@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "@tailwindcss/vite": "^4.3.1",
+    "lucide-react": "^1.22.0",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "tailwindcss": "^4.3.1"