โจทย์สำหรับฝั่ง Frontend จะเป็นการประเมินพื้นฐานในการพัฒนาเว็บไซต์ด้วย React และความคิดสร้างสรรค์ รวมไปถึงความเป็นระเบียบของโค้ดที่เขียน
โปเกม่อน คือสิ่งมีชีวิตที่น่ารักที่สุดในโลก และเป็นสิ่งมีชีวินที่พวกเรานักพัฒนาใน ISSIE ต่างโปรดปรานกันแบบสุด ๆ
ในโจทย์นี้ เราจะต้องสร้าง React Web Applciation สำหรับแสดงผลข้อมูลของโปเกม่อน เพื่อช่วยกันเผยแพร่ความน่ารักของโปเกม่อนให้คนทั้งโลกได้เห็น
แต่ไม่ใช่ทุกคนที่จะมีคอมพิวเตอร์ เราจะต้องคำนึงถึง User Experience ที่ดีเสมอ เราจะต้องทำให้ Web Application ของเรานั้นสามารถรองรับได้กับจอทุกขนาด ไม่ว่าจะเป็นคอมพิวเตอร์ แท็บเล็ต หรือโทรศัพท์ (Responsive)
สร้าง React Web Applciation สำหรับแสดงผลข้อมูลต่าง ๆ ของโปเกม่อน โดยจะต้องดึงข้อมูลของโปเกม่อนมาจาก https://pokeapi.co/
- นำข้อมูลจาก https://pokeapi.co/ มาแสดงผลได้
- สามารถดึงข้อมูลโปเกม่อนทุกตัวมาแสดงผลบนเว็บไซต์ได้
- สามารถแสดงร่างพัฒนาของโปเกม่อนทุกตัวได้
- สามารถใช้งานได้ดีบนทุกขนาดหน้าจอไม่ว่าจะเป็น Desktop, Tablet หรือ Smartphone
สำหรับใครที่นำ technology เหล่านี้มาใช้งานด้วย จะทำให้เราสนใจในตัวคุณมากขึ้น
- Typescript
- Tailwindcss
- Material UI
- React Query
- Framer Motion
- React Hook Form + Zod
- Image lazy loading
- เว็บไซต์สามารถทำงานได้ตาม Requirement
- ความชำนาญในด้าน HTML CSS และ React
- Good Developer Experience โค้ดที่เขียนมาสามารถนำไปพัฒนาต่อได้ยากแค่ไหน
- ประสิทธิภาพการทำงานของ Website
สำหรับใครที่อยากดูตัวอย่าง สามารถดูได้จากเว็บไซต์ด้านล่างนี้ แน่นอนว่าสามารถใช้เป็นแบบอย่างหรือจะพัฒนาตามเลยก็ได้ ไม่มีผลต่อคะแนนใด ๆ
- https://www.pokemon.com/us/pokedex
- https://th.portal-pokemon.com/play/pokedex
- https://pokemondb.net/pokedex/national
- https://www.serebii.net/pokemon/nationalpokedex.shtml
- https://dribbble.com/shots/6545819-Pokedex-App
- https://dribbble.com/shots/6540871-Pokedex-App
- https://dribbble.com/shots/6563578-Pokedex-App-Animation
หากสามารถทำได้แบบตัวอย่างเป้ะ ๆ หรือต่อยอดขึ้นไปอีก ก็ถือเป็นการแสดงความสามารถแบบหนึ่งเช่นกัน