{"id":22356565,"url":"https://github.com/thasup/thasup","last_synced_at":"2026-05-01T10:31:51.123Z","repository":{"id":115690557,"uuid":"477248702","full_name":"thasup/thasup","owner":"thasup","description":"The best place to update my current stack","archived":false,"fork":false,"pushed_at":"2025-06-22T02:54:10.000Z","size":357,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-06-22T03:33:03.644Z","etag":null,"topics":["github","markdown"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/thasup.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2022-04-03T05:38:38.000Z","updated_at":"2025-06-22T02:54:13.000Z","dependencies_parsed_at":null,"dependency_job_id":"6a259242-d471-47be-bb95-1b2299dcea0e","html_url":"https://github.com/thasup/thasup","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/thasup/thasup","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thasup%2Fthasup","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thasup%2Fthasup/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thasup%2Fthasup/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thasup%2Fthasup/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thasup","download_url":"https://codeload.github.com/thasup/thasup/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thasup%2Fthasup/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32494270,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"online","status_checked_at":"2026-05-01T02:00:05.856Z","response_time":64,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["github","markdown"],"created_at":"2024-12-04T14:11:14.101Z","updated_at":"2026-05-01T10:31:51.110Z","avatar_url":"https://github.com/thasup.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"[![](https://www.dropbox.com/s/hprwdtoo7vs61vs/aurapan%20shop%20banner%201.jpg?raw=1)](https://github.com/thasup/microservices-ecommerce)\n\n[![Typing SVG](https://readme-typing-svg.herokuapp.com?color=%2336BCF7\u0026center=true\u0026vCenter=true\u0026width=800\u0026lines=Hi+there+👋,+I+am+First;+Welcome+to+My+Github+Profile!;Front-End+Engineer;Self-taught+Programmer;Former+Mechanical+Engineer;Hungry+Mind+Who+Always+Keep+Learning)](https://git.io/typing-svg)\n\n## 🖥️ Tech Stack\n\nKey | Value\n--- | ---\n**Language**  | [![Javascript Badge](https://img.shields.io/badge/-Javascript-F7DF1E?style=flat\u0026logo=javascript\u0026logoColor=black)](https://developer.mozilla.org/en-US/docs/Web/JavaScript) [![Typescript Badge](https://img.shields.io/badge/-Typescript-3178C6?style=flat\u0026logo=typescript\u0026logoColor=white)](https://www.typescriptlang.org/) [![Python](https://img.shields.io/badge/-Python-3776AB?style=flat\u0026logo=Python\u0026logoColor=white)](https://www.python.org/) [![Solidity Badge](https://img.shields.io/badge/-Solidity-363636?style=flat\u0026logo=solidity\u0026logoColor=white)](https://docs.soliditylang.org/) [![HTML Badge](https://img.shields.io/badge/-HTML-E34F26?style=flat\u0026logo=html5\u0026logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/HTML) [![CSS Badge](https://img.shields.io/badge/-CSS-1572B6?style=flat\u0026logo=css3\u0026logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/CSS) [![SCSS Badge](https://img.shields.io/badge/-SCSS-CC6699?style=flat\u0026logo=sass\u0026logoColor=white)](https://sass-lang.com/) [![PHP](https://img.shields.io/badge/-PHP-7a86b8?style=flat\u0026logo=PHP\u0026logoColor=white)](https://www.php.net/)\n**Domain Knownledge**  | [![Web Development Badge](https://img.shields.io/badge/🖥️_Web%20Development-FF6600?style=flat\u0026logoColor=white)](https://developer.mozilla.org/en-US/) [![Blockchain Badge](https://img.shields.io/badge/-Blockchain%20Technology-9999FF?style=flat\u0026logo=ethereum\u0026logoColor=white)](https://ethereum.org/en/) ![Prompt Badge](https://img.shields.io/badge/-Prompt%20Engineering-412991?style=flat\u0026logo=googlegemini\u0026logoColor=white) ![Mechanical Engineering Development Badge](https://img.shields.io/badge/⚙️_Mechanical%20Engineering-4C8CBF?style=flat\u0026logoColor=white) ![UX Design Badge](https://img.shields.io/badge/🎨%20UX%20Design-00adbc?style=flat)\n**Framework / Library**  | [![React Badge](https://img.shields.io/badge/-ReactJS-20232a?style=flat\u0026logo=React\u0026logoColor=61DAFB)](https://reactjs.org/) [![Next Badge](https://img.shields.io/badge/-NextJS-000000?style=flat\u0026logo=nextdotjs\u0026logoColor=white)](https://nextjs.org/) [![VueJS](https://img.shields.io/badge/VueJS-213547?style=flat\u0026logo=vuedotjs\u0026logoColor=4FC08D)](https://vuejs.org/) [![NuxtJS](https://img.shields.io/badge/NuxtJS-213547?style=flat\u0026logo=nuxt\u0026logoColor=00DC82)](https://nuxtjs.org/) [![Node Badge](https://img.shields.io/badge/-NodeJS-339933?style=flat\u0026logo=nodedotjs\u0026logoColor=white)](https://nodejs.org/en/) [![NestJS](https://img.shields.io/badge/NestJS-E0234E?style=flat\u0026logo=nestjs\u0026logoColor=white)](https://nestjs.com/) [![WP Badge](https://img.shields.io/badge/-Wordpress-3858e9?style=flat\u0026logo=wordpress\u0026logoColor=white)](https://wordpress.com) [![jQuery Badge](https://img.shields.io/badge/-jQuery-0769AD?style=flat\u0026logo=jquery\u0026logoColor=white)](https://jquery.com/) [![Tailwind](https://img.shields.io/badge/Tailwind-06B6D4?style=flat\u0026logo=tailwindcss\u0026logoColor=white)](https://tailwindcss.com/) [![Bootstrap Badge](https://img.shields.io/badge/-Bootstrap-7952B3?style=flat\u0026logo=bootstrap\u0026logoColor=white)](https://getbootstrap.com/) [![MUI Badge](https://img.shields.io/badge/-MUI-007FFF?style=flat\u0026logo=mui\u0026logoColor=white)](https://mui.com/) [![Ant Design Badge](https://img.shields.io/badge/-Ant_Design-0170FE?style=flat\u0026logo=antdesign\u0026logoColor=white)](https://ant.design/) [![Vuetify Badge](https://img.shields.io/badge/-Vuetify-1867C0?style=flat\u0026logo=vuetify\u0026logoColor=white)](https://vuetifyjs.com/en/) [![Supabase Badge](https://img.shields.io/badge/-Supabase-282828?style=flat\u0026logo=supabase\u0026logoColor=3FCF8E)](https://supabase.com/) [![OpenAI](https://img.shields.io/badge/-OpenAI_API-19c37d?style=flat\u0026logo=openai\u0026logoColor=white)](https://openai.com/) \n**Testing** | [![Jest Badge](https://img.shields.io/badge/-Jest-C21325?style=flat\u0026logo=jest\u0026logoColor=white)](https://jestjs.io/) [![Mocha Badge](https://img.shields.io/badge/-Mocha-8D6748?style=flat\u0026logo=mocha\u0026logoColor=white)](https://mochajs.org/) [![Vitest Badge](https://img.shields.io/badge/-Vitest-6E9F18?style=flat\u0026logo=vitest\u0026logoColor=white)](https://vitest.dev/)\n**DevOps** | [![Github Actions Badge](https://img.shields.io/badge/-Github_Actions-181717?style=flat\u0026logo=github\u0026logoColor=white)](https://github.com/features/actions) [![Docker Badge](https://img.shields.io/badge/-Docker-2496ED?style=flat\u0026logo=docker\u0026logoColor=white)](https://www.docker.com/) [![Kubernetes Badge](https://img.shields.io/badge/-Kubernetes-326CE5?style=flat\u0026logo=kubernetes\u0026logoColor=white)](https://kubernetes.io/)\n**Database**  | [![MongoDB Badge](https://img.shields.io/badge/-MongoDB-033430?style=flat\u0026logo=mongodb\u0026logoColor=00ed64)](https://www.mongodb.com/)\n**OS**  | [![Windows Badge](https://img.shields.io/badge/-Windows-0078D6?style=flat\u0026logo=windows\u0026logoColor=white)](https://www.microsoft.com/en-us/windows/) [![Mac Badge](https://img.shields.io/badge/-macOS-6b6c6f?style=flat\u0026logo=apple\u0026logoColor=white)](https://www.apple.com/macos/)\n**Tool \u0026 Platform**  | [![Git Badge](https://img.shields.io/badge/Git-F9AB00?style=flat\u0026logo=git\u0026color=525252)](https://git-scm.com/) [![Postman](https://img.shields.io/badge/Postman-FF6C37?style=flat\u0026logo=postman\u0026logoColor=white)](https://www.postman.com/) [![Gulp](https://img.shields.io/badge/Gulp-CF4647?style=flat\u0026logo=gulp\u0026logoColor=white)](https://gulpjs.com/) [![Vite](https://img.shields.io/badge/Vite-646CFF?style=flat\u0026logo=vite\u0026logoColor=ffce27)](https://vitejs.dev/) [![Webpack](https://img.shields.io/badge/Webpack-2b3a42?style=flat\u0026logo=webpack\u0026logoColor=8DD6F9)](https://webpack.js.org/) [![Jira](https://img.shields.io/badge/Jira-0052CC?style=flat\u0026logo=jirasoftware\u0026logoColor=white)](https://www.atlassian.com/software/jira) [![Heroku](https://img.shields.io/badge/Heroku-430098?style=flat\u0026logo=heroku\u0026logoColor=white)](https://www.heroku.com/) [![Netlify](https://img.shields.io/badge/Netlify-151a1e?style=flat\u0026logo=netlify\u0026logoColor=00C7B7)](https://www.netlify.com/) [![Render](https://img.shields.io/badge/Render-black?style=flat\u0026logo=render\u0026logoColor=46E3B7)](https://render.com/) [![GraphQL](https://img.shields.io/badge/GraphQL-E10098?style=flat\u0026logo=graphql\u0026logoColor=white)](https://graphql.org/) [![DigitalOcean](https://img.shields.io/badge/DigitalOcean-0080FF?style=flat\u0026logo=digitalocean\u0026logoColor=white)](https://www.digitalocean.com/) [![Magento](https://img.shields.io/badge/Magento-EE672F?style=flat\u0026logo=magento\u0026logoColor=white)](https://devdocs.magento.com/) [![Figma](https://img.shields.io/badge/Figma-F24E1E?style=flat\u0026logo=figma\u0026logoColor=white)](https://www.figma.com/) [![Firebase](https://img.shields.io/badge/Firebase-1a73e8?style=flat\u0026logo=firebase\u0026logoColor=FFCA28)](https://firebase.google.com/) ![AWS Badge](https://img.shields.io/badge/AWS-2d3541?style=flat\u0026logo=amazon\u0026logoColor=ec7211) \n**Currently Learning** | [![LangChain](https://img.shields.io/badge/-LangChain-1d3d3c?style=flat\u0026logo=langchain\u0026logoColor=white)](https://www.langchain.com/) [![AI SDK](https://img.shields.io/badge/-AI_SDK-000?style=flat\u0026logo=vercel\u0026logoColor=white)](https://www.langchain.com/)\n\u003c!-- **On Hold**  | --\u003e\n\n\u003c!--\n**Wishlist**  | [![Redis](https://img.shields.io/badge/Redis-white?style=flat\u0026logo=redis\u0026logoColor=DC382D)](https://redis.io/) [![Apollo](https://img.shields.io/badge/Apollo-311C87?style=flat\u0026logo=apollographql\u0026logoColor=white)](https://www.apollographql.com/) [![MySQL](https://img.shields.io/badge/MySQL-4479A1?style=flat\u0026logo=mysql\u0026logoColor=white)](https://www.mysql.com/) [![CircleCI](https://img.shields.io/badge/CircleCI-343434?style=flat\u0026logo=circleci\u0026logoColor=white)](https://circleci.com/) [![Playwright](https://img.shields.io/badge/Playwright-2EAD33?style=flat\u0026logo=playwright\u0026logoColor=white)](https://playwright.dev/) [![Flutter](https://img.shields.io/badge/Flutter-2bb7f6?style=flat\u0026logo=flutter\u0026logoColor=white)](https://flutter.dev/) [![Dart](https://img.shields.io/badge/Dart-0e6291?style=flat\u0026logo=dart\u0026logoColor=3ec0fc)](https://dart.dev/)\n--\u003e\n\n\u003c!--\n[![GCP Badge](https://img.shields.io/badge/-Google_Cloud-4285F4?style=flat\u0026logo=googlecloud\u0026logoColor=white)](https://cloud.google.com/gcp/)\n[![GTM](https://img.shields.io/badge/GTM-246fdb?style=flat\u0026logo=googletagmanager\u0026logoColor=8ab4f8)](https://tagmanager.google.com/)\n[![Jenkins Badge](https://img.shields.io/badge/Jenkins-D24939?style=flat\u0026logo=jenkins\u0026logoColor=white)](https://www.jenkins.io/)\n--\u003e\n\n## 📈 Contribution\n\n\u003cimg src=\"https://komarev.com/ghpvc/?username=thasup\u0026label=Profile%20views\u0026color=0e75b6\u0026style=flat\" alt=\"thasup view\" /\u003e \u003cimg src=\"https://img.shields.io/github/followers/thasup?label=Follow\" alt=\"thasup's follower number\"\u003e\n\n\u003cbr/\u003e\n\n\u003c!-- Primary GitHub Stats --\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/thasup\"\u003e\u003cimg alt=\"thasup's stats\" src=\"http://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=thasup\u0026theme=react\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003c!-- Top Languages --\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/thasup\"\u003e\u003cimg alt=\"thasup's Top Languages by repo\" src=\"http://github-profile-summary-cards.vercel.app/api/cards/repos-per-language?username=thasup\u0026theme=react\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/thasup\"\u003e\u003cimg alt=\"thasup's Top Languages by commits\" src=\"http://github-profile-summary-cards.vercel.app/api/cards/most-commit-language?username=thasup\u0026theme=react\u0026bg_color=0D1117\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003c!-- Secondary GitHub Stats --\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/thasup\"\u003e\u003cimg alt=\"thasup's Github Stats\" src=\"http://github-profile-summary-cards.vercel.app/api/cards/stats?username=thasup\u0026theme=react\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/thasup\"\u003e\u003cimg alt=\"thasup's Top Languages\" src=\"http://github-profile-summary-cards.vercel.app/api/cards/productive-time?username=thasup\u0026theme=react\u0026utcOffset=7\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003c!-- \u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/thasup\"\u003e\u003cimg alt=\"thasup's Github Stats\" src=\"https://github-readme-stats.vercel.app/api?username=thasup\u0026show_icons=true\u0026count_private=true\u0026theme=react\u0026hide_border=true\u0026bg_color=0D1117\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/thasup\"\u003e\u003cimg alt=\"thasup's Top Languages\" src=\"https://github-readme-stats.vercel.app/api/top-langs/?username=thasup\u0026langs_count=8\u0026count_private=true\u0026layout=compact\u0026theme=react\u0026hide_border=true\u0026bg_color=0D1117\" /\u003e\u003c/a\u003e\n\u003c/p\u003e --\u003e\n\n\u003cbr/\u003e\n\n\u003c!-- Contribution Graph --\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/thasup\"\u003e\n      \u003cimg title=\"thasup's github activity graph\" alt=\"thasup's github activity graph\" src=\"https://github-readme-activity-graph.vercel.app/graph?username=thasup\u0026theme=react\u0026bg_color=0D1117\u0026color=5BCDEC\u0026line=5BCDEC\u0026point=FFFFFF\u0026hide_border=true\"/\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cbr/\u003e\n\n\u003c!-- Streak Stats --\u003e\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://github.com/thasup\"\u003e\n        \u003cimg title=\"🔥 Get streak stats for your profile at git.io/streak-stats\" alt=\"thasup's streak\" src=\"https://github-readme-streak-stats.herokuapp.com/?user=thasup\u0026theme=react\u0026hide_border=true\u0026stroke=0000\u0026background=0D1117\"/\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n\n## 📫 How to Reach me\n\n\u003ca href=\"https://thanachon.me\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/about_me-000?style=for-the-badge\u0026logo=ko-fi\u0026logoColor=white\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://www.linkedin.com/in/thanachon-supasatian-278292159\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" /\u003e\n\u003c/a\u003e\n\n![](https://hit.yhype.me/github/profile?account_id=84244143)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthasup%2Fthasup","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthasup%2Fthasup","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthasup%2Fthasup/lists"}