Enlite Starter - โต้ตอบเทมเพลตแดชบอร์ดผู้ดูแลระบบสำหรับนักพัฒนา Full-Stack
Enlite Starter - โต้ตอบเทมเพลตเริ่มต้นแดชบอร์ดด้วย Firebase Auth http://enlite.ux-maestro.com
อ่านเอกสารได้ที่นี่
https://ilhammeidi.github.io/enlite-docs/#firebase
คุณสมบัติเทมเพลต
- เทคโนโลยีสมัยใหม่ สร้างด้วยหนึ่งในไลบรารี javascript ที่ได้รับความนิยมมากที่สุด React.JS และ Redux
- การออกแบบระดับพรีเมียม สีของธีมที่เรียบง่ายและสง่างามพร้อมกับโหมดมืดและโหมดสว่าง
- เค้าโครงหลายรูปแบบและการสนับสนุน RTL รูปแบบการนำทางแถบด้านข้างและแถบด้านบน จัดแต่งทรงผมการปรับ RTL อัตโนมัติด้วย jss-rtl
- การรับรองความถูกต้อง ใช้การเข้าสู่ระบบโซเชียลและอีเมลของ Firebase
- แอพที่สร้างไว้ล่วงหน้า ตัวอย่างแอป CRUD พร้อมการรวม Redux-Saga และ Realtime DB
- รองรับหลายภาษา รวมถึงการแปล 6 ภาษา ได้แก่ อังกฤษ, เยอรมัน, อารบิก, จีน, บาฮาซาอินโดนีเซีย, สเปน
- ส่วนประกอบและโมดูลตอบสนองมากกว่า 30 รายการซึ่งสามารถนำมาใช้ซ้ำได้และปรับเปลี่ยนได้ง่าย
- หน้าตัวอย่างต่างๆ หน้า Landing Page รูปแบบแดชบอร์ด 2 แบบ และอื่นๆ อีกมากมาย
- JavaScript รุ่นต่อไปที่เขียนใน ES6
- การออกแบบที่ตอบสนองตามระบบ 12 Grid มาตรฐาน
- โครงการเริ่มต้น สร้างแอปตั้งแต่เริ่มต้นโดยไม่ถูกรบกวนจากฟีเจอร์ที่มีมาแต่กำเนิด
- หน่วยทดสอบ การทดสอบการทำงานของส่วนประกอบ Material UI กับ Mocha และ Chai
- ประสิทธิภาพสูง จัดแต่งทรงผมด้วย JSS (CSS ใน JS) และการแยกโค้ด Async
- โค้ดสะอาดดูแลโดย eslint
- ไอคอนเวกเตอร์และไอคอนแบบอักษรอย่างสมบูรณ์
- ดูตัวอย่างโค้ดโดยตรง รับซอร์สโค้ดได้ง่ายขึ้นโดยไม่ต้องเปิดไฟล์
- และอีกมากมาย…
รับเวอร์ชันนายกรัฐมนตรี
รับทันทีที่ตลาด Envato
ดูการสาธิต
การติดตั้ง
- โคลนโครงการนี้
- ติดตั้งการขึ้นต่อกันของโมดูลโดยการรันสคริปต์นี้ใน
npm install - หลังจากดาวน์โหลดเสร็จแล้ว ให้สร้างการพึ่งพา Build Webpack DLL (หากจำเป็น)
npm run build:dll - ในที่สุดก็เรียกใช้แอป
npm start - ไปที่ http://localhost:3001
การปรับใช้
- ขั้นแรก คุณต้องสร้างสินทรัพย์ที่ใช้งานจริงก่อน
npm run build - จากนั้นเริ่มแอป
npm run start:prod - หากคุณต้องการรันในพื้นหลังคุณอาจลองใช้ PM2 https://www.npmjs.com/package/pm2 จากนั้นรันคำสั่งนี้:
node node_modules/.bin/cross-env NODE_ENV=production pm2 start server - ไปที่ http://localhost:3001
เปิดใช้งานการแสดงตัวอย่างโค้ดโดยตรง
เพื่อให้การเข้าถึงและใช้งานเอกสารเป็นเรื่องง่ายและมีประสิทธิภาพ เราได้แนบซอร์สโค้ดในการสาธิตส่วนประกอบทั้งหมด เราเรียกมันว่าการแสดงตัวอย่างโค้ดโดยตรง คุณสมบัตินี้สามารถใช้ได้กับผลิตภัณฑ์ที่ซื้อเท่านั้น (ไม่มีให้ใช้งานในการสาธิต)
- เปิดไฟล์กำหนดค่า
/app/config/codePreview.js - โดยค่าเริ่มต้นตั้งค่าเป็นเท็จ
- เปลี่ยนเพื่อ
enable: true เพื่อเปิดใช้งานการแสดงตัวอย่างโค้ดโดยตรง - ทดสอบด้วยการสาธิตส่วนประกอบใดๆ ตัวอย่างใน http://localhost:8080/app/tables/advanced-table
- จากนั้นที่ด้านล่างของทุกส่วนประกอบคุณจะเห็น <> ปุ่มแสดงโค้ด เพียงแค่คลิกมัน
- ซอร์สโค้ดของส่วนประกอบนั้นก็จะแสดงเช่นกัน
- คุณสามารถมองทะลุ คัดลอกและวางส่วนประกอบใดๆ ต่อหน้าต่อตาคุณได้โดยตรง
ใบอนุญาต
โครงการนี้ได้รับอนุญาตภายใต้เงื่อนไขของใบอนุญาต MIT
