Skip to content

ISSIE-Tech/Frontend-Assignment

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

Frontend Assignment

โจทย์สำหรับฝั่ง Frontend จะเป็นการประเมินพื้นฐานในการพัฒนาเว็บไซต์ด้วย React และความคิดสร้างสรรค์ รวมไปถึงความเป็นระเบียบของโค้ดที่เขียน

Let's create a Pokedex!

alt text

โปเกม่อน คือสิ่งมีชีวิตที่น่ารักที่สุดในโลก และเป็นสิ่งมีชีวินที่พวกเรานักพัฒนาใน ISSIE ต่างโปรดปรานกันแบบสุด ๆ

ในโจทย์นี้ เราจะต้องสร้าง React Web Applciation สำหรับแสดงผลข้อมูลของโปเกม่อน เพื่อช่วยกันเผยแพร่ความน่ารักของโปเกม่อนให้คนทั้งโลกได้เห็น

แต่ไม่ใช่ทุกคนที่จะมีคอมพิวเตอร์ เราจะต้องคำนึงถึง User Experience ที่ดีเสมอ เราจะต้องทำให้ Web Application ของเรานั้นสามารถรองรับได้กับจอทุกขนาด ไม่ว่าจะเป็นคอมพิวเตอร์ แท็บเล็ต หรือโทรศัพท์ (Responsive)

Requirement

สร้าง​ React Web Applciation สำหรับแสดงผลข้อมูลต่าง ๆ ของโปเกม่อน โดยจะต้องดึงข้อมูลของโปเกม่อนมาจาก https://pokeapi.co/

  • นำข้อมูลจาก https://pokeapi.co/ มาแสดงผลได้
  • สามารถดึงข้อมูลโปเกม่อนทุกตัวมาแสดงผลบนเว็บไซต์ได้
  • สามารถแสดงร่างพัฒนาของโปเกม่อนทุกตัวได้
  • สามารถใช้งานได้ดีบนทุกขนาดหน้าจอไม่ว่าจะเป็น Desktop, Tablet หรือ Smartphone

Extra Requirement

สำหรับใครที่นำ technology เหล่านี้มาใช้งานด้วย จะทำให้เราสนใจในตัวคุณมากขึ้น

  • Typescript
  • Tailwindcss
  • Material UI
  • React Query
  • Framer Motion
  • React Hook Form + Zod
  • Image lazy loading

Grading Criteria

  • เว็บไซต์สามารถทำงานได้ตาม Requirement
  • ความชำนาญในด้าน HTML CSS และ React
  • Good Developer Experience โค้ดที่เขียนมาสามารถนำไปพัฒนาต่อได้ยากแค่ไหน
  • ประสิทธิภาพการทำงานของ Website

Reference

สำหรับใครที่อยากดูตัวอย่าง สามารถดูได้จากเว็บไซต์ด้านล่างนี้ แน่นอนว่าสามารถใช้เป็นแบบอย่างหรือจะพัฒนาตามเลยก็ได้ ไม่มีผลต่อคะแนนใด ๆ

หากสามารถทำได้แบบตัวอย่างเป้ะ ๆ หรือต่อยอดขึ้นไปอีก ก็ถือเป็นการแสดงความสามารถแบบหนึ่งเช่นกัน

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published