Webใใญใณใใจใณใ้็บใจใใใใญใฐใฉใ ๆ่กใฎๅฎ่ทตใทใงใผใฑใผในใ
A showcase of my projects in Web Development
(Last Updated: 2025-10-25)
ใใฎใใผใใใฉใชใชใฏใไธปใซWebใใญใณใใจใณใ้็บๅ้ใซใใใ็งใฎๆ่ก็ใชๅฎ่ทตใ็ดนไปใใใใฎใงใๅ ๅฎนใฏ็ถ็ถ็ใซๆดๆฐใใใฆใใพใใ
| ใใญใธใงใฏใๅ | ไธป่ฆๆ่ก / ็นๅพด | ใชใใธใใช |
|---|---|---|
| [ClientAuthE-Shop] | localStorage APIใจ navigator ใชใใธใงใฏใใๆดป็จใใฆใใพใใ | ๐ ๅๅบซ | ๐๏ธโ๐จ๏ธ Demo |
| [Auto-PlayingImageCarousel] | ่ชๅๅ็ๅใฎ็ปๅใซใซใผใปใซใปใณใณใใผใใณใ | ๐ ๅๅบซ | ๐๏ธโ๐จ๏ธ Demo |
| [ClientSideCRUDManager] | ๅบๆฌ็ใชใใผใฟ็ฎก็๏ผไฝๆใป่ชญใฟๅใใปๅ้ค๏ผใฎใใขใณในใใฌใผใทใงใณใงใ | ๐ ๅๅบซ | ๐๏ธโ๐จ๏ธ Demo |
| [WeatherApplet] | 7ๆฅ้ๅคฉๆฐไบๅ ฑใๅฐ้ขจๆ ๅ ฑใ | ๐ ๅๅบซ | ๐๏ธโ๐จ๏ธ Demo |
| [UserOnboardingAccess] | ๆจๆบ็ใชๆฐ่ฆใฆใผใถใผ็ป้ฒใใผใธใฎUI | ๐ ๅๅบซ | ๐๏ธโ๐จ๏ธ Demo |
| [SemanticHTML5Form] | ใขใณใฑใผใใฎ็ณใ่พผใฟใใฉใผใ ใฎUIใใข | ๐ ๅๅบซ | ๐๏ธโ๐จ๏ธ Demo |
| [Mega-MenuPortalStructure] | ๅคง่ฆๆจกECใตใคใ๏ผใๅฐๅๅฏใ๏ผใฎใใผใ ใใผใธ | ๐ ๅๅบซ | ๐๏ธโ๐จ๏ธ Demo |
| [Data-DrivenListRenderer] | Eใฉใผใใณใฐใตใคใใฎใๅณ้ธใใใใใใปใฏใทใงใณใฎใณใผในใซใผใใๅ็ใซ็ๆ | ๐ ๅๅบซ | ๐๏ธโ๐จ๏ธ Demo |
| [ImageAccordion] | ใใฆในใใใผใใคใกใผใธใปใขใณใผใใฃใชใณใ | ๐ ๅๅบซ | ๐๏ธโ๐จ๏ธ Demo |
| [Hover-BasedTabComponent] | ใฟใๅใๆฟใEใณใใผในใตใคใใฎๅๅใซใใดใช่กจ็คบ | ๐ ๅๅบซ | ๐๏ธโ๐จ๏ธ Demo |
| [EphemeralPopupScript] | ่ชๅใง้ใใๅบๅใ้็ฅใใใใขใใใ | ๐ ๅๅบซ | ๐๏ธโ๐จ๏ธ Demo |
| [SmallFeatures] | ใใฎไปใฎๅฐ่ฆๆจกใชJS/CSSใฆใผใใฃใชใใฃ้ใ | ๐ ๅๅบซ | ๐๏ธโ๐จ๏ธ Demo |
ใใใใฎใใญใธใงใฏใใฏ้็ใชWebใใผใธใงใใnpm ใฎใคใณในใใผใซใฏๅฟ
่ฆใใใพใใใ
git clone [https://github.com/BAYISIHU/Portfolio.git](https://github.com/BAYISIHU/Portfolio.git)
```
2. **ใใกใคใซใ้ใ๏ผ**
```bash
cd Portfolio
# ่ๅณใฎใใใใญใธใงใฏใใใฉใซใใซ็งปๅใใ
# .html ใใกใคใซใ็ดๆฅใใฉใฆใถใง้ใใฆใใ ใใใ
ใใฎใใญใธใงใฏใใฏ [MIT License] ใฎไธใงใฉใคใปใณในใใใฆใใพใใ่ฉณ็ดฐใฏ LICENSE ใใกใคใซใใ่ฆงใใ ใใใ
๐ค [่กๅทดไพๆ (BAYISIHU)]
This portfolio showcases my technical practices primarily in the field of Front-End Web Development and is continuously updated.
| Project Name | Key Technologies / Features | Repository | | :โ | :โ | :โ | | [ClientAuthE-Shop] | Manages user authentication state within the browser. | ๐ Repo | ๐๏ธโ๐จ๏ธ Demo | | [Auto-PlayingImageCarousel] | Auto-playing image carousel using JavaScript. | ๐ Repo | ๐๏ธโ๐จ๏ธ Demo | | [ClientSideCRUDManager] | Client-side CRUD (Create, Read, Update, Delete) operations. | ๐ Repo | ๐๏ธโ๐จ๏ธ Demo | | [WeatherApplet] | WeChat Mini-Program API, 7-day forecast, typhoon tracking. | ๐ Repo | ๐๏ธโ๐จ๏ธ Demo | | [UserOnboardingAccess] | Registration/login flow, client-side form validation. | ๐ Repo | ๐๏ธโ๐จ๏ธ Demo | | [SemanticHTML5Form] | Complex form validation, timer-based code, Semantic HTML. | ๐ Repo | ๐๏ธโ๐จ๏ธ Demo | | [Mega-MenuPortalStructure] | Mega-menu navigation structure for large-scale sites. | ๐ Repo | ๐๏ธโ๐จ๏ธ Demo | | [Data-DrivenListRenderer] | Renders an HTML list dynamically from a JS data source. | ๐ Repo | ๐๏ธโ๐จ๏ธ Demo | | [ImageAccordion] | Implementation of an image accordion menu. | ๐ Repo | ๐๏ธโ๐จ๏ธ Demo | | [Hover-BasedTabComponent] | Tab component that switches on hover. | ๐ Repo | ๐๏ธโ๐จ๏ธ Demo | | [EphemeralPopupScript] | An auto-closing advertisement or notification popup. | ๐ Repo | ๐๏ธโ๐จ๏ธ Demo | | [SmallFeatures] | A collection of other small JS/CSS utilities. | ๐ Repo | ๐๏ธโ๐จ๏ธ Demo |
These are static projects and do not require npm installation.
git clone [https://github.com/BAYISIHU/Portfolio.git](https://github.com/BAYISIHU/Portfolio.git)
cd Portfolio
# Navigate to the project folder you are interested in
# and open the .html file directly in your browser.
This project is licensed under the [MIT License]. See the LICENSE file for details.
๐ค [BAYISIHU (่กๅทดไพๆ)]