reactjs machine coding challenges
1.0.0
พื้นที่เก็บข้อมูลนี้มีชุดของคำถามการเข้ารหัสเครื่อง ReactJS พร้อมโซลูชัน โครงการเหล่านี้ถูกสร้างขึ้นเพื่อช่วยพัฒนาทักษะ ReactJS ของคุณและความเข้าใจเกี่ยวกับเทคโนโลยีเว็บต่างๆ อย่าลังเลที่จะสำรวจใช้และมีส่วนร่วมในโครงการเหล่านี้
| ชื่อโครงการ | คำอธิบาย |
|---|---|
| สภาพอากาศ-แอป | แอปพลิเคชันเพื่อดึงข้อมูลและแสดงข้อมูลสภาพอากาศ |
| รายการสิ่งที่ต้องทำ | แอพการจัดการงานที่มีการดำเนินงาน CRUD |
| โหมดธีม | สลับระหว่างธีมแสงและความมืด |
| การจัดอันดับดาว | ส่วนประกอบสำหรับระบบการจัดอันดับที่ใช้ดาว |
| Snakeandladder-board | การใช้งานบอร์ดเกมงูและบันได |
| การตอบสนอง | เค้าโครงที่ปรับเป็นขนาดหน้าจอที่แตกต่างกัน |
| Quiz-App | สร้างและทำแบบทดสอบด้วยคำถามต่าง ๆ |
| แถบความคืบหน้า | แถบความคืบหน้าแบบไดนามิกเพื่อแสดงการทำงานให้เสร็จ |
| ป๊อปอัพ | ส่วนประกอบป๊อป-โอเวอร์สำหรับข้อมูลเพิ่มเติม |
| เครื่องสร้างรหัสผ่าน | สร้างรหัสผ่านแบบสุ่มที่ปลอดภัย |
| การปนเปื้อน | องค์ประกอบการแบ่งหน้าสำหรับการนำทางผ่านเนื้อหา |
| OTP-Login | การตรวจสอบล็อกอินที่ใช้ OTP |
| ซ้อนกัน | แสดงและจัดการความคิดเห็นที่ซ้อนกัน |
| นาวีบาร์ | แถบการนำทางที่ตอบสนองด้วยแบบเลื่อนลง |
| องค์ประกอบของโมดอล | ส่วนประกอบโมดอลที่ใช้ซ้ำได้สำหรับการแสดงภาพซ้อนทับ |
| เหมือนปุ่ม | ชอบปุ่มที่มีภาพเคลื่อนไหวและการจัดการสถานะ |
| บอร์ดงาน | แอปพลิเคชันบอร์ดงานเพื่อแสดงรายการและค้นหางาน |
| หีบเพลง | ส่วนประกอบหีบเพลงเพื่อสลับการมองเห็นเนื้อหา |
| เครื่องคิดเลข | เครื่องคิดเลขพื้นฐานสำหรับการดำเนินการทางคณิตศาสตร์ |
| ม้าหมุน | Image Carousel สำหรับการจัดแสดงหลายภาพ |
| ตัวจับเวลานับถอยหลัง | ตัวจับเวลานับถอยหลังสำหรับเหตุการณ์ |
| ที่กำหนดเอง | เบ็ดตอบสนองที่กำหนดเองสำหรับตรรกะที่นำกลับมาใช้ใหม่ได้ |
| dnd-items | ลากและวางรายการภายในรายการ |
| ส่วนประกอบแบบดรอปดาวน์ | เมนูแบบเลื่อนลงสำหรับการเลือกตัวเลือก |
| การตรวจสอบแบบฟอร์ม | การตรวจสอบแบบฟอร์มด้วยข้อความแสดงข้อผิดพลาด |
| ไฟกริด | กริดแบบโต้ตอบของไฟที่สามารถสลับได้ |
| tic-tac-toe | เกม tic-tac-toe ผู้เล่นหลายคน |
ในการเริ่มต้นกับโครงการเหล่านี้โคลนที่เก็บและนำทางไปยังโฟลเดอร์โครงการ
git clone https://github.com/sanchit0496/reactjs_machine_coding_challenges.git
cd repository-name
# Navigate to individual project folders for specific instructions แต่ละโครงการอาจมีคำแนะนำการใช้งานของตัวเอง นำทางไปยังโฟลเดอร์โครงการเฉพาะเพื่อค้นหารายละเอียด readme หรือคู่มือการใช้งาน
ตัวอย่างสำหรับโครงการเฉพาะ:
cd weather-app
# Follow the instructions in the project folder เรายินดีต้อนรับการมีส่วนร่วมจากชุมชนโอเพ่นซอร์ส เพื่อมีส่วนร่วมโปรดทำตามขั้นตอนเหล่านี้:
git checkout -b feature-branch )git commit -m 'Add new feature' )git push origin feature-branch )ที่เก็บนี้ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT
