Technigo · xingyin2024 · Oct 27, 2024 · Oct 27, 2024 · Oct 28, 2024 · Oct 28, 2024
diff --git a/my-react-portfolio/.gitignore b/my-react-portfolio/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/my-react-portfolio/README.md b/my-react-portfolio/README.md
@@ -0,0 +1,28 @@
+# My portfolio 
+This React + Vite portfolio app showcases my projects and frontend development skills.
+
+Focusing on code and responsive style instead of content.
+
+## Highlights:
+I'm particularly proud of the structure and reusability of my React components, including versatile buttons and modular card layouts for each section. To maintain a clean and manageable structure, I organized data into library files using JSON, making updates straightforward.
+
+Each section has its own dedicated CSS file, enhancing maintainability despite the initial styling effort. All sections currently sit within the Home component, but the structure allows easy expansion to multiple pages in the future.
+
+## Future Improvements
+I'm working on a Version 2 in a black-and-white style. Here are several enhancements I’d like to implement with more time:
+
+  - ToTopButton: 
+    Add a "Top" button for easy navigation back to the top.
+  - SeeMoreButton: 
+    Include a "See more" option for the projects and articles sections.
+  - Ticker: 
+    Restore the ticker feature from Version 1 at the bottom of the homepage.
+  - Links: 
+    Complete link functionality in the intro (image links) and contact sections (social media links).
+  - Images: 
+    Enhance image styling for a more polished look.
+  - Project Descriptions: 
+    Finalize and enrich descriptions to provide better project insights.
+
+# View it live
+https://xingsportfolio.netlify.app
diff --git a/my-react-portfolio/eslint.config.js b/my-react-portfolio/eslint.config.js
@@ -0,0 +1,38 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import react from 'eslint-plugin-react'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+
+export default [
+  { ignores: ['dist'] },
+  {
+    files: ['**/*.{js,jsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        ecmaFeatures: { jsx: true },
+        sourceType: 'module',
+      },
+    },
+    settings: { react: { version: '18.3' } },
+    plugins: {
+      react,
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...js.configs.recommended.rules,
+      ...react.configs.recommended.rules,
+      ...react.configs['jsx-runtime'].rules,
+      ...reactHooks.configs.recommended.rules,
+      'react/jsx-no-target-blank': 'off',
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+]
diff --git a/my-react-portfolio/index.html b/my-react-portfolio/index.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Portfolio | Xing Yin</title>
+</head>
+
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/main.jsx"></script>
+</body>
+
+</html>