Project ReactJS

1. Web Rest API CRUD

การทำ CRUD ข้อมูล ซึ่งประกอบไปด้วย Create : สร้าง, Read : อ่าน, Update : แก้ไข และ Delete : ลบ
เรียกใช้ข้อมูลผ่านการใช้ API ที่ให้บริการอยู่บนเว็บ https://www.melivecode.com/

เขียน โดยใช้ ภาษา JavaScript Framework ReactJS

GitHub Web Project

Link Web Project

ตัวอย่าง Web RestAPI CRUD

หน้าแสดงข้อมูล

หน้าสร้างข้อมูล

ข้อมูลที่เพิ่มขึ้นมา

หน้าแก้ไขข้อมูล

แสดงข้อมูลที่แก้ไข้แล้ว

หน้าแสดงการลบข้อมูล

หน้าที่ข้อมูลลบเสร็จ

2. Web Save IMG Dog

Web ที่ login เข้าไปแล้วจะแสดงภาพหมาแบบสุ่มจาก API สามารถ บันทึก ลบ โหลดภาพหมาอันใหม่ได้ และแสดงภาพหมาทั้งหมดที่บันทึก

เขียน โดยใช้ ภาษา JavaScript Framework ReactJS

GitHub Web Project Save IMG Dog

Link Web Project Save IMG Dog

ตัวอย่าง Web Save IMG Dog

หน้า Login

หน้า Username

แสดงข้อมูลรูปหมา

3. Web LogIn

เกี่ยวกับระบบ Login ที่ติดต่อกับฐานข้อมูล MySQL โดยเมื่อ login แล้วจะเข้าไปหน้า User และ มีหน้า SignUp ที่กรอกข้อมูล แล้วสามารถนำข้อมูลไปใส่หน้า Login แล้วจะเข้ามาหน้า User ได้

เขียน โดยใช้ ภาษา JavaScript Framework ReactJS ใช้ NodeJS เขียนฐานข้อมูล และฐานข้อมูลเป็น MySQL

GitHub Web Project

GitHub Web Project Code NodeJS BackEnd

Link Web Project

***แต่ Link web ข้างต้น ไม่สามารถ Login เข้าหน้า User ได้ และ SignUp ข้อมูลไม่ได้ เพราะไม่ได้เปิดฐานข้อมูล MySQL และ ไม่ได้รันฐานข้อมูล NodeJS

ตัวอย่าง Web การรันฐานข้อมูล NodeJS และ Start MySQL