🔥 เพื่อน ๆ จ๋าาา แอดไปเจอของดี และเอามาแชร์ให้กับเพื่อน ๆ อีกแล้วจ้า กับ GitHub Repository ที่เขาได้พัฒนาระบบ CRM Starter ที่จะช่วยในการจัดการข้อมูลต่าง ๆ อย่างเป็นระบบในธุรกิจนั่นเอง เช่น การทำการตลาด ช่วยจัดการงานขายและบริการหลังการขาย
.
👉 และระบบนี้แบ่งการทำงานเป็น 2 ระบบหลัก ๆ นั่นคือ Back-end และ Front-end นั่นเอง
.
🌟 Back-end
- สร้างด้วย Node.js , Express.js Framework และ MongoDB Database
- ใช้ Generic CRUD API (สร้าง / อ่าน / อัปเดต / ลบ)
- มี API ที่ช่วยดูแลระบบ
- รับรองความถูกต้องโดย JWT (JSON Web Token)
.
🌟 Front-end
- สร้างขึ้นด้วย React.js, Ant Design (Antd) และ Redux
- มีหน้า UI ที่สวยงามน่าใช้
- มีระบบจัดการของผู้ดูแลระบบ
.
หากใครสนใจกดลิงค์ด้านล่าง แล้ว Clone ลงเครื่องได้เลยยยย !!
🖥️ GitHub >> https://github.com/idurar/starter-antd-admin-crud-auth-mern
.
ส่วนใครอยากดู Demo คลิกเลย >> https://antd-admin.idurar.net/
.
หวังว่าจะเป็นประโยชน์นะคร้าบบบบบบบบบบ 🥰
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน

สาย Frontend ห้ามพลาด เพราะเรา "รวม 7 เครื่องมือเด็ด สำหรับออกแบบฟอร์มกรอกข้อมูล ที่ทำให้ฟอร์มของเรา สวยน่าใช้ขึ้น !!"
.
หมดยุคที่ใช้ฟอร์มแบบเชย ๆ หรือ หน้าตาไม่เป็นมิตรกับผู้ใช้ได้แล้ว เพราะแอดได้รวม JavaScript / CSS Libs มาให้ทุกคนแบบครบถ้วนแล้วนั่นเอง <3
.
อย่ารอช้า ไปดูทั้ง 7 ตัวนี้พร้อมกันกันเลย !!
.
⭐️ JS Form Validator
.
เครื่องมือที่ช่วยให้การตรวจสอบความถูกต้องใน Form ของคุณดูดีมีสไตล์และสามารถปรับแต่งเงื่อนไขได้ตามใจคุณ
.
https://via-profit.github.io/js-form-validator/
.
⭐️ JCF
.
Library ที่ทำให้ Form ของคุณดูดีมีลูกเล่น ด้วย Elements ที่ถูกปรับแต่งมาเป็นอย่างดีโดยเฉพาะ Slider Input และ Option Input ตัวนี้บอกเลยว่าเด็ด!
.
https://www.psd2html.com/js-custom-forms/
.
⭐️ iCheck
.
Library รวม Checkbox Elements สำเร็จรูปที่จะทำให้ Form ของคุณมี Checkbox ที่สวยงาม ทันสมัย
.
http://icheck.fronteed.com/
.
⭐️ flatpickr
.
เครื่องมือที่จะทำให้คุณสร้างช่องกรอกข้อมูลในเรื่องเวลาให้สวยงามไม่ใช่เรื่องยากอีกต่อไป, flatpickr จะช่วยให้คุณสร้างตัวเลือกเวลาแบบ minimal และมีการใช้งานที่สมูธน่าใช้งาน
.
https://flatpickr.js.org/examples/
.
⭐️ formBuilder
.
เครื่องมือที่ช่วยให้ Form ของคุณมีลูกเล่นน่าสนใจ ให้สามารถลากวาง Form ที่ต้องการกรอกข้อมูลได้เองได้ตามใจ บอกเลยว่าไม่เหมือนใครจริงๆ
.
https://formbuilder.online/docs/
.
⭐️ Bulma
.
CSS Framework มากความสามารถที่มีพื้นฐานมาจาก Flexbox สามารถจัดการกับ Form ให้กลายเป็นเรื่องง่ายๆทั้ง Style และการจัดการ
.
https://bulma.io/documentation/form
.
⭐️ Ant Design Form
.
Ant Design เป็น Framework ที่มีเครื่องมือช่วยในการสร้าง UI ซึ่งมีตัวช่วยในการสร้าง Form สวยๆ พร้อมเครื่องมืออย่างการจำกัดขอบเขตและการตรวจความถูกต้องของข้อมูล
.
https://ant.design/components/form/
.
และทั้งหมดนี้ก็เป็นตัวเด็ด ๆ ที่คัดสรรมาเฉพาะ เหมาะกับหลาย ๆ งานในโพสต์เดียวว หากกลัวลืมก็แชร์เก็บไว้ กดไลค์ให้กำลังใจพวกเราได้นะคร้าบบ <3
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน

<米粒編> 明天RICE黄昭团將化身愛心大使出席《大嘴叭唱出真善美慈善嘉年华 》 Loud Speaker’s Charity Carnival唱歌給大家聽！有空一起來做愛心吧🤗

Yay~~将【爱】【传】【递】💗💝
大嘴叭loudspeakerr 决定以爱传爱！把爱传递给身边每一位的你！🥰😽😘
没错😎！这是大嘴叭第一次举办的爱心公益项目《大嘴叭唱出真善美慈善嘉年华 》 Loud Speaker’s Charity Carnival ！将于 6月9日2019年 （星期日）以线下(Private)活动形式为爱奉献举办一场最巨“欢乐”！巨“富有爱心”！巨“热情澎湃”的慈善嘉年华会哟！🥳🤩😘同时宝宝也非常感谢各大商家的公益支持！如果K迷们也想出一份爱心力量，也欢迎私信小编们哦！😙

◢为爱付出，一点都不浮夸~🙋‍♀💖🙋‍♂

※活动详情 Check it Out👇
❥日期：6月9日
❥时间：11AM – 4PM
❥地点：Loud Zone Hall, Setia Walk, Puchong

🤭😬活动当天还有当红艺人变身使命为 ”爱心大使“ 并亲临现场活动吖～
#文慧如 #KARENCICI林恺伦 #RICENG黄昭团 也为爱助阵活动献爱心，还给大伙儿献歌唱舞呐~❤不仅如此，当天还有好多好康节目和游戏哟！
Let's Go ♪~ ᕕ(ᐛ)ᕗ 约起走！😘🥰

大嘴叭loudspeaker have a very special day just for You, Us & Everyone!!!💖
Yay~ It is Special because it's 【Loud Speaker’s Charity Carnival】🥳🤩😘 A Private Charity Carnival's Fund Raising Party! This will be a day that full of meaningful! love filling day and lot's more fun ahead on 9 June 2019 on this coming SUNDAY!!! 😍😘🌹❤

※Check Out for the Event Details
❥Date：9 June 2019（Sunday）
❥Time：11AM – 4PM
❥Event Venue：Loud Zone Hall, Setia Walk, Puchong

Let's Go ♪~ ᕕ(ᐛ)ᕗ Share Your "❤" Heart Out !!!

❥Special Thanks to: Bee Cheng Hiang 美珍香 Malaysia ; Hair Atelier ; Inside Scoop ; KROZdigital ; 黑痣工作室 ; TK Bakery 棠记兄弟饼家 ; Genki Claw ; Ribbon Bunny ; AppPay ; Cap Keluarga Malaysia ; 大馬華研國際 HIM Music Malaysia ; iMe MY ; 7 Degree Flower ; BalloonTreez 氣球工坊 ; Tanjung Bento Delivery 角头饭包 ; Elephant & Ant Design ; Flash Print Enterprise ; First Care Pest Control ; Comictrack 万人迷漫画屋 ; G & K FOOD ; Pacificwise -Alattulis.com.my ; Nsqkl-sel 雪隆年少情 ; Perfect Cadence Music School
- Express Energy Services
- QI WEI Trading
- SL Energy Trading
- SmartZen Resources
- Party House 派对屋

❥Artist: Boon Hui Lu 文慧如 ; 林愷倫 Karencici ; RICE 黄昭团