{"id":34837152,"url":"https://github.com/lightofficialstudio/datawow-web-social","last_synced_at":"2026-05-21T20:03:49.167Z","repository":{"id":312370211,"uuid":"911922233","full_name":"lightofficialstudio/datawow-web-social","owner":"lightofficialstudio","description":"📊 Datawow first assignment (Next.JS)","archived":false,"fork":false,"pushed_at":"2025-08-30T04:54:22.000Z","size":387,"stargazers_count":1,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"release/production","last_synced_at":"2025-08-30T06:19:57.655Z","etag":null,"topics":["assignment","datawow","web"],"latest_commit_sha":null,"homepage":"https://www.datawow.co.th","language":"TypeScript","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/lightofficialstudio.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":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-01-04T07:41:15.000Z","updated_at":"2025-08-30T05:06:14.000Z","dependencies_parsed_at":"2025-08-30T06:30:03.958Z","dependency_job_id":null,"html_url":"https://github.com/lightofficialstudio/datawow-web-social","commit_stats":null,"previous_names":["lightofficialstudio/datawow-web-social"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/lightofficialstudio/datawow-web-social","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lightofficialstudio%2Fdatawow-web-social","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lightofficialstudio%2Fdatawow-web-social/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lightofficialstudio%2Fdatawow-web-social/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lightofficialstudio%2Fdatawow-web-social/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lightofficialstudio","download_url":"https://codeload.github.com/lightofficialstudio/datawow-web-social/tar.gz/refs/heads/release/production","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lightofficialstudio%2Fdatawow-web-social/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28032379,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-12-25T02:00:05.988Z","response_time":58,"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":["assignment","datawow","web"],"created_at":"2025-12-25T16:07:35.283Z","updated_at":"2025-12-25T16:09:25.978Z","avatar_url":"https://github.com/lightofficialstudio.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# First Assignment – Datawow Social (Tech Application)\n\n**Project Assignment สำหรับสมัครงานกับ Data Wow**  \nพัฒนาเว็บไซต์/แอป “Social” โดยใช้ **Next.js** เพื่อทดสอบความสามารถในการออกแบบ UI/UX, ทำงานกับ Frontend และ API Integration\n\n *หมายเหตุ: สำหรับข้อมูลบริษัท Data Wow — Data Science \u0026 AI Consultant ในกรุงเทพ บริการ Big Data, Web Software Development และโซลูชัน AI ครบวงจร  [oai_citation:0‡datawow.io](https://www.datawow.io/about?utm_source=chatgpt.com) [oai_citation:1‡datawow.co.th](https://www.datawow.co.th/careers?utm_source=chatgpt.com)*\n\n---\n\n##  วัตถุประสงค์ของ Assignment\nทดสอบความสามารถในการสร้างแอปแบบ Full-stack ด้วย Next.js (often paired with NestJS) — โดยเฉพาะการทำ UI/UX ที่เน้นผู้ใช้, การทำ CRUD, responsive design, และการทดสอบระบบเบื้องต้น  \n(ตามโจทย์ของผู้สมัคร Full Stack นักพัฒนา Next.js + NestJS  [oai_citation:2‡Glassdoor](https://www.glassdoor.com/Interview/Datawow-Interview-Questions-E5561703.htm?utm_source=chatgpt.com))\n\n---\n\n##  ฟีเจอร์หลักที่พัฒนา\n\n- **Responsive UI (Desktop \u0026 Mobile)**  \n  ปรับและออกแบบให้ใช้งานได้ดีบนทุกขนาดหน้าจอ  \n\n- **ระบบ Social Features (CRUD)**  \n  - สร้าง อ่าน แก้ไข และลบโพสต์ได้  \n  - ฟิลด์เช่นชื่อ, เนื้อหา, วันที่, ผู้เขียน ฯลฯ  \n\n- **UX Enhancement (เช่น “Continue as Guest”)**  \n  เพิ่มปุ่มและ flow ที่รองรับผู้ใช้ที่ยังไม่ล็อกอินตามที่ควรจะเจอในงานจริง  [oai_citation:3‡Glassdoor](https://www.glassdoor.com/Interview/Datawow-Interview-Questions-E5561703.htm?utm_source=chatgpt.com)\n\n- **API Integration (ผ่าน Next.js API routes หรือเชื่อมด้วย NestJS)**  \n  ร้องขอข้อมูล, เก็บข้อมูล, จัดการ error และผลลัพธ์อย่างเป็นระบบ  \n\n- **Unit Testing (เบื้องต้น)**  \n  ทดสอบฟังก์ชัน CRUD เพื่อให้มั่นใจในความเสถียรของระบบ\n\n---\n\n##  เทคโนโลยีที่ใช้\n\n- **Next.js** — React-based framework รองรับ SSR/SSG, ทำให้เว็บไซต์โหลดเร็วและ SEO-friendly  \n- **TypeScript** — เพิ่มความปลอดภัยและความมั่นคงของโค้ด  \n- **CSS Module / Styled Components** — สำหรับออกแบบ UI อย่างมีสไตล์  \n- **การจัดการ State** เช่น React Context หรือ Redux ตามต้องการ  \n- **Unit Testing Tools** — เช่น Jest หรือ React Testing Library  \n\n---\n\n##  สิ่งที่ Assignment นี้สะท้อนให้เห็น\n\n1. **ความเข้าใจ UX และ Responsive Design**  \n   เพิ่มปุ่ม “ใช้งานต่อในฐานะแขก (Continue as Guest)”, ทำให้ UI ใช้งานง่ายสำหรับผู้ใช้จริง — ตามข้อสังเกตในกระบวนการทดสอบของ Data Wow  [oai_citation:4‡Glassdoor](https://www.glassdoor.com/Interview/Datawow-Interview-Questions-E5561703.htm?utm_source=chatgpt.com)\n\n2. **ความสามารถด้าน Full-stack Development**  \n   รู้วิธีสร้าง UI, ควบคุมข้อมูล รวมถึงจัดการกับ API เบื้องหลังอย่างเป็นระบบ\n\n3. **Clean Code \u0026 Scalability**  \n   สร้างโครงสร้างโค้ดให้รองรับการขยายในอนาคต และทดสอบเพื่อความมั่นคง\n\n---\n\n##  สรุปผลลัพธ์\n\n| ด้าน | รายละเอียด |\n|------|------------|\n| **Frontend** | Next.js + TypeScript + Responsive Design |\n| **UX/UI** | คำนึงถึงผู้ใช้จริง เช่น guest flow |\n| **Backend / API** | การจัดการ API, error handling, structured code |\n| **Testing** | Unit tests สำหรับ CRUD |\n| **Professionalism** | แสดงศักยภาพ Full-stack developer ในบริบทจริงตามโจทย์ |\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flightofficialstudio%2Fdatawow-web-social","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flightofficialstudio%2Fdatawow-web-social","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flightofficialstudio%2Fdatawow-web-social/lists"}