Merge pull request #9 from gogglesgogs:portfolio-done

Portfolio: Complete!

Author: gogglesgogs

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Goggles
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

content.config.ts

@@ -1,16 +1,18 @@
 import type Content from './types/content.config';
 
-//! this file is used for the content of the website
-export default {
+//* this file is used for the content of the website
+const Content: Content = {
   name: 'goggles.gogs',
+  hover_name: 'nguyen khoa',
   addr: 'hung yen, vietnam',
   job: 'high school student @ Greenfield School',
   bio: "i'm a 16 y/o teenager whos good at problem solving and interested in computer science. currently learning web development to pursue my career.",
-  github: 'https://github.com/gogglesgogs',
-  email: 'ngkhoa0075@gmail.com',
-  //todo add logic to implement discord id links
-  discord: '799597159661699112',
-  kofi: 'https://ko-fi.com/gogglesgogs',
+  links: {
+    email: 'mailto:ngkhoa0075@gmail.com',
+    discord: 'https://discordapp.com/users/799597159661699112',
+    'support me': 'https://ko-fi.com/gogglesgogs',
+    github: 'https://github.com/gogglesgogs',
+  },
   skills: [
     {
       mainHeading: 'react',
@@ -55,10 +57,38 @@ export default {
       link: 'https://github.com/gogglesinc',
     },
   ],
+  blogs: {
+    'quik-vs-solid': {
+      title: 'Quik vs SolidJS: Which one is better?',
+      date: '10 Jul, 2024',
+      author: 'Goggles',
+      desc: "Quik's fast-loading, minimal-JS approach and SolidJS's high-performance, reactive design. Who's gonna win?",
+    },
+    claude: {
+      title: 'The new Claude 3.5 Sonnet is here!',
+      date: '25 Jun, 2024',
+      author: 'Goggles',
+      desc: 'Discover Claude 3.5, an AI thats packed with new features and capabilities.',
+    },
+    'tech-trend-2024': {
+      title: 'The Hottest Tech Trends Right Now! 🔥',
+      date: '20 Mar, 2024',
+      author: 'Goggles',
+      desc: 'The current tech landscape with the rapid rise of AI, Web3, serverless architectures, and cybersecurity.',
+    },
+    'finished-portfolio': {
+      title: "I Finished My Portfolio! 🚀 Here's What I Used",
+      date: '10 Sep, 2023',
+      author: 'Goggles',
+      desc: 'My journey of creating my portfolio website and what I used in the process.',
+    },
+  },
   footer: {
     quote:
       '"Any application that can be written in JavaScript, will eventually be written in JavaScript."',
     author: 'Jeff Atwood',
     title: 'co-founder of Stack Overflow',
   },
-} satisfies Content;
+};
+
+export default Content;

eslint.config.js

@@ -3,17 +3,19 @@ import globals from 'globals';
 import reactHooks from 'eslint-plugin-react-hooks';
 import reactRefresh from 'eslint-plugin-react-refresh';
 import tseslint from 'typescript-eslint';
+import * as mdx from 'eslint-plugin-mdx';
 
 export default tseslint.config(
   { ignores: ['dist'] },
   {
+    ...mdx.flat,
+    ...mdx.flatCodeBlocks,
     settings: { react: { version: '18.3' } },
-
     extends: [
       tseslint.configs.recommendedTypeChecked,
       ...tseslint.configs.stylisticTypeChecked,
     ],
-    files: ['**/*.{ts,tsx}'],
+    files: ['**/*.{ts,tsx, mdx, md}'],
     languageOptions: {
       ecmaVersion: 2020,
       globals: globals.browser,
@@ -28,6 +30,7 @@ export default tseslint.config(
       react,
     },
     rules: {
+      ...mdx.flatCodeBlocks.rules,
       ...react.configs.recommended.rules,
       ...react.configs['jsx-runtime'].rules,
       ...reactHooks.configs.recommended.rules,

package.json

@@ -1,7 +1,13 @@
 {
-  "name": "test",
+  "name": "goggles-portfolio",
   "private": true,
   "version": "0.0.0",
+  "description": "goggles portfolio source code",
+  "license": "MIT",
+  "author": {
+    "name": "Goggles",
+    "url": "https://goggles.pages.dev/"
+  },
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -15,16 +21,20 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.27.0",
+    "remark-gfm": "^4.0.0",
     "tailwind-merge": "^2.5.4"
   },
   "devDependencies": {
     "@eslint/js": "^9.13.0",
+    "@mdx-js/rollup": "^3.1.0",
     "@tailwindcss/typography": "^0.5.15",
+    "@types/mdx": "^2.0.13",
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react": "^4.3.3",
     "autoprefixer": "^10.4.20",
     "eslint": "^9.13.0",
+    "eslint-plugin-mdx": "^3.1.5",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.13",