Project Ideas And Resources
1.0.0
คุณเคยต้องการที่จะสร้างบางสิ่งบางอย่างแต่คุณไม่รู้ว่าจะทำอย่างไร? เช่นเดียวกับที่บางครั้งผู้เขียนมี "บล็อกนักเขียน" มันก็จริงสำหรับนักพัฒนาเช่นกัน รายการนี้มีวัตถุประสงค์เพื่อแก้ไขปัญหานี้ทันทีและตลอดไป! -
แอปพลิเคชันเหล่านี้คือ:
นี่ไม่ใช่แค่รายการโครงการง่ายๆ แต่เป็นคอลเลกชันที่อธิบายแต่ละโครงการโดยละเอียดเพียงพอเพื่อให้คุณสามารถพัฒนาได้ตั้งแต่ต้น!
แต่ละโครงการมี คุณสมบัติ ดังต่อไปนี้:
โครงการแบ่งออกเป็นสามระดับตามความรู้และประสบการณ์ที่จำเป็นในการทำให้สำเร็จ
| ชั้น | โปรไฟล์นักพัฒนา |
|---|---|
| 1 | นักพัฒนาซอฟต์แวร์ในช่วงเริ่มต้นของเส้นทางการเรียนรู้ ผู้ที่มักเน้นไปที่การสร้างแอปพลิเคชันที่ต้องพบปะกับผู้ใช้ |
| 2 | นักพัฒนาซอฟต์แวร์ในระดับกลางของการเรียนรู้และประสบการณ์ พวกเขาคุ้นเคยกับ UI/UX โดยใช้เครื่องมือการพัฒนา และการสร้างแอปที่ใช้บริการ API |
| 3 | นักพัฒนาที่มีคุณสมบัติทั้งหมดข้างต้น และกำลังเรียนรู้เทคนิคขั้นสูงเพิ่มเติม เช่น การใช้งานแอปพลิเคชันแบ็กเอนด์และบริการฐานข้อมูล |
| ชื่อ | คำอธิบายสั้น ๆ | ชั้น |
|---|---|---|
| แอพเกมหมากรุก | แอปพลิเคชันเกมหมากรุกสำหรับผู้เล่นสองคนโดยใช้ JavaScript | 1-ผู้เริ่มต้น |
| 10 ส่วนต่อประสานกับผู้ใช้ | 10 ส่วนต่อประสานผู้ใช้ที่ใช้ HTML, CSS และ JavaScript | 1-ผู้เริ่มต้น |
| หนังสือเสียง | PDF เป็นหนังสือเสียงโดยใช้ Python | 1-ผู้เริ่มต้น |
| แอพจดจำใบหน้า | การจดจำใบหน้า + การเข้าร่วมโดยใช้ OpenCV | 1-ผู้เริ่มต้น |
| ชื่อ | คำอธิบายสั้น ๆ | ชั้น |
|---|---|---|
| แอปพลิเคชั่นโคลน Airbnb | แอป React สำหรับโคลนหน้าแรกของ Airbnb | 2-ระดับกลาง |
| แอพภาพยนตร์ TMDB | แอปฐานข้อมูลภาพยนตร์เชิงโต้ตอบโดยใช้ ReactJS | 2-ระดับกลาง |
| แอพงาน Github | แอปงาน GitHub ที่ใช้ React Hooks และ Github API | 2-ระดับกลาง |
| แอพพยากรณ์อากาศ | แอปสภาพอากาศใน React JS โดยใช้ Open Weather Map API | 2-ระดับกลาง |
| เครื่องสร้างนามบัตร | เครื่องมือสร้างนามบัตรโดยใช้ React JS | 2-ระดับกลาง |
| ตอบสนองแกลเลอรี่ภาพ | แอพ Photo Gallery โดยใช้ React JS และ Firebase | 2-ระดับกลาง |
| แอปพลิเคชั่นแชทบอท | Chat-Bot ที่สามารถตอบคำถามของคุณโดยใช้ Python | 2-ระดับกลาง |
| โปรแกรมแนะนำภาพยนตร์ | ระบบแนะนำภาพยนตร์โดยใช้ ML | 2-ระดับกลาง |
| การตรวจจับการฉ้อโกงบัตรเครดิต | การตรวจจับการฉ้อโกงบัตรเครดิตโดยใช้ ML | 2-ระดับกลาง |
| ตัวติดตามไฟป่าพร้อม React | การตรวจจับไฟป่าโดยใช้ React, NASA API | 2-ระดับกลาง |
| Google Drive Clone พร้อม React | Google Drive Clone โดยใช้ React, Firebase | 2-ระดับกลาง |
| แอพฟิตเนส | แอพฟิตเนสที่ส่งการออกกำลังกายใหม่ให้คุณทางอีเมลทุกวันโดยใช้ Python และ HarperDB | 2-ระดับกลาง |
| ชื่อ | คำอธิบายสั้น ๆ | ชั้น |
|---|---|---|
| แอปพลิเคชั่นโคลน Facebook | แอปพลิเคชัน Facebook Clone โดยใช้ React JS และ Firebase | 3-ขั้นสูง |
| Netflix โคลน - FullStack | แอปพลิเคชันโคลน Netflix โดยใช้ TMDB API | 3-ขั้นสูง |
| แอปพลิเคชั่นโคลน Instagram | แอปพลิเคชัน Instagram Clone โดยใช้ React JS | 3-ขั้นสูง |
| เครื่องติดตามโควิด-19 | เครื่องมือติดตาม COVID-19 โดยใช้ React JS | 3-ขั้นสูง |
| Amazon Clone แบบเต็มสแต็ก | AMAZON Clone แบบเต็มสแต็กโดยใช้ REACT JS | 3-ขั้นสูง |
| แอปพลิเคชัน Flipkart Clone | Flipkart Clone แบบเต็มสแต็กโดยใช้ MERN Stack | 3-ขั้นสูง |
| ใบสมัครลงคะแนนเสียง - MERN | แอปลงคะแนนเสียงโดยใช้ MERN Stack | 3-ขั้นสูง |
| บันทึกการเดินทาง - MERN STACK | แอปบันทึกการเดินทางโดยใช้ MERN Stack | 3-ขั้นสูง |
| Discord Clone - MERN STACK | แอพ Discord Clone โดยใช้ MERN Stack | 3-ขั้นสูง |
| Messenger Clone - MERN STACK | แอพ Messenger Clone โดยใช้ MERN Stack | 3-ขั้นสูง |
| Tik Tok Clone - MERN STACK | แอพ Tik Tok Clone โดยใช้ MERN Stack | 3-ขั้นสูง |
| โคลนโรบินฮู้ด | Robinhood Clone โดยใช้ React JS | 3-ขั้นสูง |
| LinkedIn โคลน | LinkedIn Clone โดยใช้ React JS | 3-ขั้นสูง |
| โคลนสัญญาณ | โคลนสัญญาณโดยใช้ React JS | 3-ขั้นสูง |
| Gmail โคลน | Gmail Clone โดยใช้ React JS | 3-ขั้นสูง |
| แอปพลิเคชันอีคอมเมิร์ซ | MongoDB, Reactjs, Nextjs | 3-ขั้นสูง |
| ตลาด NFT แบบเต็มสแต็ก | Ethereum, รูปหลายเหลี่ยมและ Next.js | 3-ขั้นสูง |
| ใบสมัครใบแจ้งหนี้ | วิว 3, Vuex และ Firebase | 3-ขั้นสูง |
| Twitter Clone แบบเต็มสแต็ก | JS ถัดไป, หดตัว JS, Tailwind CSS, Nextauth และ Firebase | 3-ขั้นสูง |
| ชื่อ | คำอธิบายสั้น ๆ | ชั้น |
|---|---|---|
| ไซต์โดเมนเช่น Godaddy | ไซต์โดเมน Web 3.0 เช่น Godaddy | 2-พื้นฐาน |
| Amazon Clone โดยใช้ Solidity | ความแข็งแกร่ง, Ethers.js, ปฏิกิริยา & หมวกแข็ง | 2-พื้นฐาน |
| แอพอสังหาริมทรัพย์เช่น Zillow | ความแข็งแกร่ง, Ethereum, หมวกแข็ง, ปฏิกิริยา | 2-พื้นฐาน |
| หัวข้อ | ครูสอนพิเศษ |
|---|---|
| บทช่วยสอน MERN STACK | โปรแกรมเมอร์ที่ชาญฉลาด |
| โต้ตอบการสอน JS | ฟรีโค้ดแคมป์ |
| บทช่วยสอนจังโก้ | โปรแกรมเมอร์ที่ชาญฉลาด |
| การตอบสนอง GraphQL แบบเต็มสแต็ก | เบน อาวาด |
| ตอบสนองโครงการ | ผู้ติดการเข้ารหัส |
| บทช่วยสอน PHP | รหัสกับแฮร์รี่ |
| ตอบโต้เพลย์ลิสต์ Native Projects | โดยโปรแกรมเมอร์ |
| บทช่วยสอน Spring Framework | เรียนรู้รหัสด้วย Durgesh |
| บทช่วยสอน JSP และเซิร์ฟเล็ต | เรียนรู้รหัสด้วย Durgesh |
| ตอบสนอง JS ประวัติย่อและเว็บไซต์ผลงาน | ซัลมาน ฟาซาล |
| 5 โครงการ Spring Boot | คู่มือจาวา |
| 100 วันแห่ง Kubernetes | อานิส อูร์ลิชส์ |
| GraphQL API พร้อม .NET 5 และ Hot Chocolate | เลส แจ็คสัน |
| .NET ไมโคร เซอร์วิส | เลส แจ็คสัน |
เรากำลังวางแผนที่จะเพิ่มโปรเจ็กต์ในพื้นที่เก็บข้อมูลนี้มากขึ้นเรื่อยๆ เพื่อสิ่งนี้ เราต้องการความช่วยเหลือจากคุณ! ดูวิธีการมีส่วนร่วมด้านล่าง -
เรายังวางแผนที่จะสร้างเว็บไซต์ที่คุณสามารถเรียกดูโครงการทั้งหมดได้อย่างง่ายดาย
การมีส่วนร่วมใด ๆ ที่ชื่นชมอย่างสูง คุณสามารถมีส่วนร่วมได้สองวิธี:
คุณยังสามารถเพิ่มตัวอย่างของคุณเองลงในโปรเจ็กต์ได้หลังจากที่คุณทำเสร็จแล้ว ฉันขอแนะนำให้คุณทำเช่นนี้เพราะมันจะแสดงให้คนอื่นเห็นว่าสิ่งมหัศจรรย์ถูกสร้างขึ้นอย่างไร! -
ขอขอบคุณคนมหัศจรรย์เหล่านี้ทุกคน ยินดีมีส่วนร่วมทุกรูปแบบ!
กำลังมองหาการมีส่วนร่วมที่ยอดเยี่ยมจากผู้ที่ชื่นชอบโอเพ่นซอร์สเพื่อทำให้พื้นที่เก็บข้อมูลนี้ใหญ่ขึ้น! ทำตามขั้นตอนที่กล่าวถึงในไฟล์ Contributing.md เพื่อการประชาสัมพันธ์ที่ประสบความสำเร็จ
หากข้อมูลจาก repo นี้มีประโยชน์สำหรับคุณในทางใดทางหนึ่ง ตรวจสอบให้แน่ใจว่าคุณให้ดาวแก่ข้อมูลนั้นหรือไม่ วิธีนี้จะทำให้ผู้อื่นสามารถค้นพบและได้รับประโยชน์เช่นกัน! เมื่อร่วมมือกันเราจะเติบโตและทำให้ชุมชนของเราดีขึ้น! -
คุณมีข้อเสนอแนะเกี่ยวกับวิธีที่เราจะปรับปรุงโครงการนี้โดยรวมหรือไม่ แจ้งให้เราทราบ! เรายินดีรับฟังความคิดเห็นของคุณ ❤!
