Hi Hi, I'm Nutchapon.
AKA AKA Kodai Coder
I'm full-stack developer
“ ”
Loading...
# # Skill
# # Project
Results summary card
A Result summary card component. This challenge has something for everyone. It’s a HTML and CSS only project, but we’ve also provided a JSON file of the test results for anyone wanting to practice JS. Users should be able to view the optimal layout for the interface depending on their device's screen size and see hover and focus states for all interactive elements on the page
3 Column preview card
A 3 Column preview card component. This challenge is perfect if you're just getting started. The shift between the layouts will be a nice test if you're new to building responsive projects. Users should be able to view the optimal layout depending on their device's screen size and see hover states for interactive elements.
Age calculator app
A age calculator app. This challenge is designed to sharpen your JavaScript and form validation skills. Working with dates in JavaScript can be tricky, so this will be a nice test!. Users should be able to view an age in years, months and days after submitting a valid date through the form and can receive validation errors also view the optimal layout for the interface depending on their device's screen size and see hover and focus states for all interactive elements on the page
News homepage
A news homepage. This news homepage will be an excellent opportunity to practice your CSS Grid skills. There will be lots of tricky decisions to make and plenty of learning opportunities!. Users should be able to view the optimal layout for the interface depending on their device's screen size and see hover and focus states for all interactive elements on the page.
Intro section with dropdown
A Intro section with dropdown navigation. This challenge will test your ability to create dropdown navigation menus, a common pattern on larger sites. It will also provide some nice basic layout challenges. Users should be able to view the relevant dropdown menus on desktop and mobile when interacting with the navigation links and view the optimal layout for the content depending on their device's screen size also see hover states for all interactive elements on the page.
Ecommerce product page
A ecommerce product page. In this challenge, you'll build a beautiful product page. We'll be putting your JS skills to the test with a lightbox product gallery and cart functionality! Users should be able to view the optimal layout for the site depending on their device's screen size and see hover states for all interactive elements on the page and can open a lightbox gallery by clicking on the large product image, switch the large product image by clicking on the small thumbnail images, add items to the cart also view the cart and remove items from it.
Ematchi
A Ematchi game app, that will let you play a matching game on the favorite emoji of all time and let you choose what your difficult you need to challenge yourself start with easy to the hardest as HELL!!. User can pause a game and restart to select a new difficulty of level you want to play again but if the timer end you the game is over vice versa if you can beat and match all emoji the game will end with a glory of your win !!!
Svelte flatpickr plus
Flatpickr is a lightweight and powerful datetime picker. Svelte Flatpickr Plus is a wrapper for Flatpickr with some extra features. Users should be able to do all features of Flatpickr, users can also using Svelte Flatpickr Plus with use:action directive of svelte on input element with any class or style and can using your locale years (e.g. Buddhist Era) with useLocaleYear option. On a calendar, year input has been replace with year dropdown element for easy to select year. Have theme changer plugin to calling and change a theme of calendar while theme has been changed.
MY new projects
MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents, MY new projects contents,
PUMP Project
PUMP Project contents,PUMP Project contents,PUMP Project contents,PUMP Project contents,PUMP Project contents,PUMP Project contents,PUMP Project contents,PUMP Project contents,PUMP Project contents,PUMP Project contents,
My New Project
My New Project contents, My New Project contents, My New Project contents, My New Project contents, My New Project contents, My New Project contents, My New Project contents,
# # Article
Stop flickering theme after page refresh in Sveltekit and Daisy UI
Hi, Sveltian today I would like to share you how to stop theme flickering after we refreshing a page while we using Daisy UI with Sveltekit Now with Daisy UI 4.0 has been release with new component call Theme Controller it bring us to a more easier way to change between two theme in Daisy UI
Deploying Sveltekit on IIS !
This is will be long article because it a self note for deploying Sveltekit project (as node project) on IIS version 10.For a while I searching thru the internet and asking in svelte discord (so good community , if you're svelter don't miss to join in) I found out it have little information about how to deploying Sveltekit on IIS , may be I've so many conditions and requirements to made Sveltekit project working on my IIS server.
![เริ่มต้นเขียน .Net 7 Minimal API - [Part1]](https://0fcenei9aeidllgh.public.blob.vercel-storage.com/article/2/dotnet7p1-iTZXbaEWkyrS998Wq2mLcLHYaXsjeQ.webp)
เริ่มต้นเขียน .Net 7 Minimal API - [Part1]
ในบทความนี้เราจะมาเขียน REST API โดยใช้ .Net7 และใช้เครื่องมือที่มีชื่อเรียกว่า Minimal API กันนะครับ Minimal API คือรูปแบบของการสร้าง API แอปพลิเคชันที่ถูกคิดค้นขึ้นใน .NET 6 ซึ่งเป็นการพัฒนาแอปพลิเคชันโดยใช้การสร้าง Web API ที่มีรูปแบบการเขียนโค้ดที่ง่าย กระชับ และลดความต้องการในการกำหนดค่าและการตั้งค่าเพิ่มเติม เช่น ไม่ต้องมีคลาส Startup และ ConfigureServices และใช้ Method เล็ก ๆ เพื่อกำหนดเส้นทาง API (API Path) แทน อีกทั้ง Minimal API ยังสามารถใช้งานร่วมกับส่วนอื่น ๆ ของ .NET ได้อย่างราบรื่น เช่น ใช้งาน Entity Framework Core เพื่อเข้าถึงฐานข้อมูล ใช้งาน Authentication และ Authorization เพื่อรักษาความปลอดภัย และใช้งาน Dependency Injection เพื่อการจัดการความสัมพันธ์ระหว่างคลาส
![เริ่มต้นเขียน .Net 7 Minimal API — [Part2]](https://0fcenei9aeidllgh.public.blob.vercel-storage.com/article/2/dotnet7p2p3-3u3mciZHHD5fjcAsNuh8eVqOP8Pq7a.webp)
เริ่มต้นเขียน .Net 7 Minimal API — [Part2]
ในบทความนี้เราจะมาเขียน Minimal API โดยใช้ .Net7 กันต่อ จากบทความที่แล้วเราได้ทำการสร้างโปรเจ็คต์ Minimal API และได้ลองเล่นกันดูไปเล้กน้อยแล้ว ในวันนี้เราจะเน้นเรื่องของการสร้างพื้นฐานโค้ดของเราให้รองรับการใช้งาน Entity Framework เพื่อทำการ Migrate Entity Model ของเราเพื่อสร้าง Table ต่างๆใน SQL Server Database กันครับ (พูดง่ายๆมันคือ Entity Framework Code First Approach นั้นเอง) Part นี้อาจจะยาวหน่อยนะครับแต่เป็นส่วนสำคัญอีกอย่างหนึ่งในการทำ API เลยก็ว่าได้
![เริ่มต้นเขียน .Net 7 Minimal API — [Part3]](https://0fcenei9aeidllgh.public.blob.vercel-storage.com/article/2/dotnet7p2p3-qBc25vNbiUwL21hVV6fPu9eT0qDzyN.webp)
เริ่มต้นเขียน .Net 7 Minimal API — [Part3]
ในบทความนี้เราจะมาเขียน Minimal API โดยใช้ .Net7 กันต่อ โดยในวันนี้เราจะมาต่อเรื่องของการใช้ Entity Framework เพื่อทำการ Migrate Entity Model ของเราเพื่อสร้าง Table ต่างๆใน SQL Server Database กันครับ โดยใน บทความที่แล้ว เราได้สร้างโปรเจ็คต์ Data Layer และสร้างการเชื่อมต่อระหว่างโปรเจ็คต์ พร้อมทั้งสร้าง DbContext ที่ไว้ใช้สำหรับโปรเจ็คต์ของเราเรียบร้อยแล้วในบทความนี้เราจะพามาสร้างไฟล์สำหรับทำ Migration และทำการ Update Database ของเราให้มีโครงสร้างตาม Entity Data Model ที่เราได้สร้างไว้ใน Data Layer และทำ Data Seeding จาก Entity Framework เพื่อให้ Table ของเรามีข้อมูลพื้นฐานเก็บเอาไว้ด้วย ^^
The Night Article
Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents, Night Article Contents,
# # About me
Hello, my name is Nutchapon Makelai. I'm a full stack developer at Thai Beverage Plc for 5
Years now. I'm a self-taught developer based in Pathumthani, Thailand.
I can
developing a reactive website that compatible with all devices and screen sizes. I'm a fast
learner and always eager to learn new web technologies.
