projectlearn project based learning
1.0.0
Tutorialnya bagus, tetapi membangun proyek adalah cara terbaik untuk belajar. Lakukan pembelajaran berbasis proyek dan pelajari kode dengan cara yang benar!
ProjectLearn menyediakan daftar tutorial proyek yang dikurasi di mana pelajar membangun aplikasi dari awal. Ini dibagi ke dalam beberapa kategori berbeda, yaitu pengembangan web, pengembangan seluler, pengembangan game, pembelajaran mesin, pembelajaran mendalam, dan kecerdasan buatan.
Daftar ini berisi tutorial proyek tentang banyak bahasa dan teknologi yang banyak diminta termasuk ReactJS, NodeJS, VueJS, Flutter, React Native, .NET Core, Unity, TensorFlow, OpenCV, Keras, dan banyak lagi.
Untuk berkontribusi pada daftar ini, kunjungi CONTRIBUTE.md untuk detail lebih lanjut :)
| Proyek | Teknologi | Link |
|---|---|---|
| Bangun dan Terapkan Portofolio Pengembang Web 3D yang Menakjubkan di Tutorial React.JS Three.js | vite, Bereaksi, JavaScript, Three.js, Tailwind | Link |
| Aplikasi Perdagangan Cepat Full-Stack dengan Pembayaran Next.Js Drizzle ORM dan Cryptomus | Berikutnya.js, Bereaksi, JavaScript, Gerimis ORM, Cryptomus | Link |
| Bangun Toko E-niaga Full Stack Dengan Dasbor Admin | Berikutnya.js, Bereaksi, JavaScript, Tailwind, Stripe | Link |
| Bangun Klon Uber Tumpukan Penuh | Berikutnya.js, Bereaksi, JavaScript, Tailwind, Stripe | Link |
| Bangun dan Terapkan Aplikasi Media Sosial Full Stack menggunakan React | Bereaksi, JavaScript, HTML, CSS, Tailwind | Link |
| Buat Klon ChatGPT Anda Sendiri dalam HTML CSS dan JavaScript | HTML, CSS, JavaScript, API OpenAI, API | Link |
| Bangun klon Reddit 2.0 dengan NextJS | Bereaksi, SQL, Supabase, Next.js, GraphQL | Link |
| Bangun Klon YouTube dengan React | Ekspres, Node, JavaScript, HTML, CSS | Link |
| Buat Bagan Batang Divergen dengan Perpustakaan Bagan JavaScript | Javascript, HTML, CSS | Link |
| Pelajari Dasar-Dasar CSS dengan Membuat Komponen Kartu | HTML, CSS | Link |
| Buat Meme Tanpa Server sebagai Layanan | JavaScript, Karat, CSS, HTML | Link |
| Situs Prakiraan Cuaca | JavaScript, HTML, CSS, Bereaksi | Link |
| Situs Web Penyingkat Tautan | JavaScript, Vue, HTML, CSS, Bereaksi | Link |
| Situs Pemeriksa Plagiarisme | Python, Bootstrap | Link |
| Buat Tema Google Maps Khusus | Javascript, HTML, CSS | Link |
| Buat peta Google bertema Super Mario dengan JavaScript | Javascript, HTML5, CSS3 | Link |
| Bangun aplikasi pengiriman berbasis komunitas | Python, Django, PostgreSQL, JavaScript, Kotak Peta | Link |
| Bangun aplikasi pencarian dan penemuan Toko lokal | Python, Django, PostgreSQL, JavaScript, Kotak Peta | Link |
| Klon Sedang menggunakan React.js dan Node.js | Bereaksi, Node, CSS3, JavaScript, HTML5 | Link |
| Klon Facebook dengan React JS | Bereaksi, Firebase, CSS3, JavaScript, HTML5 | Link |
| JavaScript30 - Tantangan Coding Vanilla JS 30 Hari | JavaScript | Link |
| Peta Daftar Keinginan Perjalanan dengan Gatsby dan GraphCMS | Gatsby, Selebaran, GraphCMS, HTML, CSS | Link |
| Permainan Kartu Memori dengan Vue.js | Vue, JavaScript, HTML, CSS | Link |
| Kursus Strapi dan GatsbyJS - Proyek Portofolio | Tali, Gatsby, JavaScript, HTML, CSS | Link |
| Buku Cerita - Node, Express, MongoDB dan Google OAuth | MongoDB, Node, JavaScript, HTML, CSS | Link |
| Aplikasi Bernapas dan Bersantai - Animasi JavaScript dan CSS | Javascript, HTML, CSS | Link |
| CLI Node.js Untuk Harga Mata Uang Kripto | Simpul, JavaScript | Link |
| Galeri Gambar CSS React dan Tailwind | Bereaksi, Tailwind, JavaScript, HTML, CSS | Link |
| Jam Pomodoro menggunakan React | Bereaksi, JavaScript, HTML, CSS | Link |
| Alat Kepadatan Kata Kunci dengan Laravel dari Awal | Laravel, PHP, JQuery, AJAX, SEO | Link |
| Klon YouTube menggunakan Kerangka PHP Yii2 | Yii2, PHP | Link |
| Klon Reddit dengan React, GraphQL, dan Amplify | Bereaksi, Amplifikasi, AWS, GraphQL, Node | Link |
| Klon Yelp Full-Stack dengan React dan GraphQL | Bereaksi, GraphQL, HTML, CSS, JavaScript | Link |
| Aplikasi Web Pokémon dengan React Hooks dan API Konteks | Bereaksi, HTML, CSS, JavaScript | Link |
| Monitor Daerah Aliran Sungai menggunakan JavaScript dan Rails | Ruby, Rel, JavaScript | Link |
| Dasbor Data Iklim menggunakan React dan Redux | Bereaksi, Redux, HTML, CSS, JavaScript | Link |
| Membalik Kartu UNO hanya menggunakan CSS | HTML, CSS | Link |
| Aplikasi Obrolan dengan Redis, WebSocket, dan Go | Redis, Soket Web, Go, Azure | Link |
| Animasi Login Spotify Dengan Navigasi React | Bereaksi, HTML, CSS, JavaScript | Link |
| Antarmuka Cuaca Dinamis hanya dengan CSS | HTML, CSS | Link |
| Aplikasi CRUD sederhana dengan Airtable dan Vue | Tabel udara, Vue, Vuetify, API, HTML | Link |
| Generator Karakter RPG Tumpukan Penuh dengan tumpukan MEVN | MongoDB, Ekspres, Vue, Node, HTML | Link |
| Aplikasi Todo dengan tumpukan PERN | PostgreSQL, Ekspres, Bereaksi, Node, HTML | Link |
| Aplikasi Pemetaan Perjalanan Musim Panas dengan Gatsby | Bereaksi, Gatsby, Selebaran | Link |
| Permainan Kartu Multipemain dengan Socket.io | Phaser 3, Ekspres, Socket.io, JavaScript | Link |
| Dasbor dan Aplikasi Peta COVID-19 dengan Gatsby | Bereaksi, Gatsby, Selebaran | Link |
| Kuis Flashcard Dengan React | Bereaksi, API, JavaScript, HTML5, CSS3 | Link |
| Whack-a-Mole dengan JavaScript murni | Javascript, HTML5, CSS3 | Link |
| Pembuat Meme dengan React | Bereaksi, JavaScript, HTML5, CSS3 | Link |
| Klon Evernote dengan React | Bereaksi, Firebase, Node, JavaScript, HTML5 | Link |
| Aplikasi Pertemuan Pengembang dengan Vue | Vue, Firebase, Vuetify, JavaScript, HTML5 | Link |
| Aplikasi Obrolan Waktu Nyata dengan Vue | Vue, Firebase, Vuex, JavaScript, HTML5 | Link |
| Pelacak Mata Uang Kripto dengan Vue | Vue, Vuetify, API, JavaScript, HTML5 | Link |
| Game Kuis Multiplayer dengan Vue | Vue, Pendorong, Node, Ekspres, JavaScript | Link |
| Game Penyapu Ranjau dengan Vue | Vue, Vuex, Vuetify, JavaScript, HTML5 | Link |
| Klon Instagram dengan Vue | Vue, CSSGram, JavaScript, HTML5, CSS3 | Link |
| Klon Berita Peretas dengan Angular | Sudut, Mercusuar, JavaScript, HTML5, CSS3 | Link |
| Antarmuka Obrolan | HTML5, CSS3 | Link |
| Tip Alat CSS3 Murni | HTML5, CSS3 | Link |
| Tombol Media Sosial | HTML5, CSS3 | Link |
| Kartu Kesaksian | HTML5, CSS3 | Link |
| Bilah Navigasi dengan CSS3 Flexbox | HTML5, CSS3 | Link |
| Tata Letak Aplikasi Seluler dengan CSS3 Flexbox | HTML5, CSS3 | Link |
| Loading Spinner yang terinspirasi dari Reddit | HTML5, CSS3 | Link |
| Kalender dengan Grid CSS3 | Javascript, HTML5, CSS3 | Link |
| Permainan Tetris di React | Bereaksi, JavaScript, HTML5, CSS3 | Link |
| Game Pelarian 2D | Javascript, HTML5, CSS3 | Link |
| Animasi Sprite | Javascript, HTML5, CSS3 | Link |
| Permainan Ular | Javascript, HTML5, CSS3 | Link |
| Permainan Memori | Javascript, HTML5, CSS3 | Link |
| Otentikasi dan Otorisasi Sederhana | GraphQL, Apollo, Node, JavaScript, HTML5 | Link |
| Pelacak Mata Uang Kripto | BerikutnyaJS, GraphQL, Apollo, Node, JavaScript | Link |
| Pencarian Instan Dengan Javascript Vanilla | Javascript, HTML5, CSS3 | Link |
| Aplikasi Kalkulator | Javascript, HTML5, CSS3 | Link |
| Aplikasi Todo | Vue, JavaScript, CSS3, HTML5 | Link |
| Aplikasi Blog | Vue, GraphQL, Apollo, JavaScript, CSS3 | Link |
| Aplikasi Penganggaran Sederhana | Vue, Bulma, JavaScript, CSS3, HTML5 | Link |
| Bot Pencarian | Node, Twilio, Cheerio, API, Otomatisasi | Link |
| Bot Twitter | Node, JavaScript, API, Otomatisasi | Link |
| Editor Penurunan Harga Waktu Nyata | Node, JavaScript, Ekspres, Redis, HTML5 | Link |
| Aplikasi Todo | Sudut, TypeScript, RxJS, HTML5, CSS3 | Link |
| Klien Berita Peretas | Sudut, RxJS, Webpack, HTML5, CSS3 | Link |
| Mesin Kutipan Acak | Bereaksi, JavaScript, HTML5, CSS3 | Link |
| Klon Todois | Bereaksi, Firebase, JavaScript, Pengujian, HTML5 | Link |
| Aplikasi Obrolan dengan Analisis Sentimen | BerikutnyaJS, Pusher, Sentimen, Node, React | Link |
| Penjadwal Janji Temu | Bereaksi, Twilio, CosmicJS, Material-UI, JavaScript | Link |
| Permainan Kehidupan | Bereaksi, 2D, JavaScript, HTML5, CSS3 | Link |
| Aplikasi Berita | Bereaksi Asli, Node, API, Bereaksi, JavaScript | Link |
| Aplikasi Obrolan | Bereaksi, Redux, Redux Saga, Soket Web, Node | Link |
| Aplikasi Todo | Bereaksi Asli, GraphQL, Apollo, API, Hasura | Link |
| Ekstensi Chrome | Bereaksi, Parcel, JavaScript, HTML5, CSS3 | Link |
| Aplikasi Pemungutan Suara Film | Bereaksi, Redux, API, Tidak Dapat Diubah, JavaScript | Link |
| Klon Trello | Bereaksi, Elixir, Phoenix, JWT, JavaScript | Link |
| CMS Bergaya Wiki | C#, .NET, Halaman Pisau Cukur | Link |
| Klon Spotify dengan ReactJS | Bereaksi, HTML5, CSS3 | Link |
| Kloning Beranda Microsoft | HTML5, CSS3, JavaScript | Link |
| Bagan Gantt Sederhana | HTML5, CSS3, JavaScript | Link |
| Aplikasi Pengikisan Pekerjaan | Node, JavaScript, REST, API, Ekspres | Link |
| Aplikasi E-niaga | Bereaksi, Bootstrap, JavaScript, HTML5, CSS3 | Link |
| Halaman Arahan Netflix | HTML5, CSS3, JavaScript | Link |
| AI Obrolan | API Ucapan Web, Node, JavaScript, Express, Socket.io | Link |
| Aplikasi Jejaring Sosial | Bereaksi, Node, Redux, Firebase, REST | Link |
| Bangun Blockchain Cryptocurrency Sederhana Di Node.js | Node, JavaScript, Kriptografi, Blockchain | Link |
| Klien BitTorrent | Node, JavaScript, TCP, Jaringan Komputer | Link |
| Aplikasi Daftar Todo dengan JavaScript | Javascript, HTML5, CSS3 | Link |
| Animasi JavaScript dengan Anime.js | JavaScript, CSS3, Perpustakaan, HTML5, API | Link |
| Aplikasi Papan Pekerjaan dengan React | Bereaksi, Node, Cron, JavaScript, HTML5 | Link |
| Proyek | Teknologi | Link |
|---|---|---|
| Bangun Klon Uber Eats dengan React Native | Bereaksi Asli, Javascript, Android, iOS | Link |
| Bangun Klon Uber dengan React Native | Bereaksi Asli, Javascript, Android, iOS | Link |
| Bangun Aplikasi Obrolan dengan Cerita Menggunakan Flutter SDK | Bergetar, Dart | Link |
| Bangun Aplikasi Gaya Robinhood untuk Melacak Kasus COVID-19 | Kotlin, Android | Link |
| Aplikasi Seluler Gesek gaya Tinder | Kotlin, Jawa, Swift | Link |
| Aplikasi Seluler Daftar Harga Cryptocurrency | Bereaksi Asli, Swift, Flutter, Dart | Link |
| Aplikasi Seluler Sosial Restoran | Bereaksi Asli, Swift, Flutter, Dart | Link |
| Aplikasi Seluler Pengingat Waktu Istirahat | Bereaksi Asli, Kotlin, Java, Swift | Link |
| Aplikasi Seluler Faktur dan Pengingat Pembayaran | Bereaksi, Node, Ekspres, MongoDB | Link |
| Aplikasi Seluler Hitung Mundur | Swift, Java, Bereaksi Asli | Link |
| Game Flappy Bird iOS menggunakan Swift | Cepat, XCode, iOS | Link |
| Game iOS Bull's Eye menggunakan Swift | Cepat, XCode, iOS | Link |
| Aplikasi iOS Restoran menggunakan SwiftUI | Cepat, XCode, iOS | Link |
| Aplikasi Dadu iOS dengan Swift | Cepat, XCode, iOS | Link |
| Klon TrueCaller | Java, MySQL, XAMPP, Android | Link |
| Aplikasi Cuaca | Jawa, API, Android | Link |
| Aplikasi E-niaga | Jawa, Firebase, Android | Link |
| Aplikasi Obrolan | Jawa, Firebase, Android | Link |
| Aplikasi Todo | Berkibar, Dart, Android, iOS | Link |
| UI Aplikasi Perjalanan | Berkibar, Dart, Android, iOS | Link |
| Klien Reddit | Android, Kotlin | Link |
| Aplikasi Todo | Bereaksi Asli, Android, iOS, JavaScript | Link |
| Penampil Perpustakaan Foto | C#, iOS, Xamarin, Visual Studio, Android | Link |
| Klon WhatsApp dengan React Native | Bereaksi Asli, Node, GraphQL, Apollo, JavaScript | Link |
| Proyek | Teknologi | Link |
|---|---|---|
| Bangun Super Mario Bros, Zelda, dan Space Invaders dengan Kaboom.js | JavaScript, Kaboom | Link |
| Buat Game Arkanoid dengan TypeScript | Skrip Ketik, HTML, CSS, JavaScript | Link |
| Permainan Sederhana | Lua, CINTA, Python, Pygame Zero | Link |
| Game Multipemain Daring Python | ular piton | Link |
| Kalahkan Game Pertarungan Em Up | Persatuan, C# | Link |
| Game 3D Sederhana menggunakan Godot 3.1 | Godot, C#, 3D | Link |
| Game Puzzle Sederhana di Godot - Kotak dan Saklar | Godot, C#, 2D | Link |
| Antarmuka Game Dari Awal di Godot 3 | Godot, C#, 2D | Link |
| Game 2D dengan Godot: Pemain dan Musuh | Godot, C#, 2D | Link |
| Permainan Kartu Multipemain dengan Socket.io | Phaser 3, Ekspres, Socket.io, JavaScript | Link |
| Permainan Kartu Multipemain dengan Unity 2D dan Mirror | C#, Persatuan, 2D, Cermin | Link |
| Tutorial Roguelike di Rust | Karat, 2D | Link |
| Petualangan di Rust - Game 2D Dasar | Karat, 2D | Link |
| Game Terminal Ular dengan Ruby | Rubi, 2D | Link |
| Space Invader menggunakan OpenGL | OpenGL, C/C++, 2D | Link |
| Pemecah Sudoku di C | C/C++, 2D | Link |
| Mesin Catur Di C | C/C++, 2D | Link |
| Game Flappy Bird iOS menggunakan Swift | Cepat, XCode, iOS | Link |
| Game iOS Bull's Eye menggunakan Swift | Cepat, XCode, iOS | Link |
| Whack-a-Mole dengan JavaScript murni | Javascript, HTML5, CSS3 | Link |
| Game Kuis Multiplayer dengan Vue | Vue, Pendorong, Node, Ekspres, JavaScript | Link |
| Game Penyapu Ranjau dengan Vue | Vue, Vuex, Vuetify, JavaScript, HTML5 | Link |
| Permainan Tetris di React | Bereaksi, JavaScript, HTML5, CSS3 | Link |
| Game Pelarian 2D | Javascript, HTML5, CSS3 | Link |
| Animasi Sprite | Javascript, HTML5, CSS3 | Link |
| Permainan Ular | Javascript, HTML5, CSS3 | Link |
| Permainan Memori | Javascript, HTML5, CSS3 | Link |
| Penembak Tank | 3D, Persatuan, C# | Link |
| seperti Rogue 2D | 2D, Persatuan, C# | Link |
| Tamasya Berhantu John Lemon 3D | 3D, Persatuan, C# | Link |
| Pemula VR: Ruang Pelarian | VR, Persatuan, C# | Link |
| Petualangan Ruby | 2D, Persatuan, C# | Link |
| Permainan RPG | 2D, Persatuan, C# | Link |
| Gulung bola | 3D, Persatuan, C# | Link |
| Permainan Mikro FPS | Persatuan, C# | Link |
| Permainan Mikro Platformer | Persatuan, C#, 2D | Link |
| Permainan Mikro Karting | Persatuan, C# | Link |
| Penembak Arkade | Lua, CINTA | Link |
| Permainan Kehidupan | Bereaksi, 2D, JavaScript, HTML5, CSS3 | Link |
| Pahlawan Buatan Tangan | C/C++, OpenGL, 2D | Link |
| Kesuksesan besar | C/C++, OpenGL, 2D | Link |
| Tetris | C/C++, 2D | Link |
| permainan NES | C/C++, Python, 2D | Link |
| Permainan Roguelike | C#, .NET, RogueSharp, MonoGame, RLNet | Link |
| Game RPG Sederhana | C#, SQL, 2D | Link |
| Proyek | Teknologi | Link |
|---|---|---|
| Bangun Scraper Web menggunakan BeautifulSoup | Python, Sup Cantik | Link |
| CNN yang Mendeteksi Pneumonia dari Rontgen Dada | CNN, Python | Link |
| Visualisasi Data Pembaruan Otomatis dengan Python dengan AWS | Python, AWS, Matplotlib | Link |
| Alat Analisis Sentimen Twitter menggunakan GCP dan Node.js | API, GCP, Node, JavaScript | Link |
| Analisis Sentimen Twitter menggunakan CNN | Python, Matplotlib, Numpy, Panda | Link |
| Pembuat Lirik Taylor Swift | Python, Keras, Numpy, Panda | Link |
| Pengenal Digit MNIST | Python, Keras, TensorFlow, Numpy, SciKit | Link |
| Latih Model untuk Menghasilkan Warna | Python, Keras, TensorFlow, Numpy | Link |
| Pembuat Keterangan Gambar | Python, TensorFlow, Numpy | Link |
| Hancurkan Sistem Captcha menggunakan CNN | Python, Keras, TensorFlow, OpenCV, Numpy | Link |
| Hasilkan Wajah Rata-Rata | Python, OpenCV, Numpy, C/C++ | Link |
| Jahitan Gambar | Python, OpenCV, Numpy | Link |
| Deteksi Titik Kunci Tangan | Python, OpenCV, Numpy, C/C++ | Link |
| wajah eigen | Python, OpenCV, Numpy, C/C++ | Link |
| Deteksi Sasaran Drone | Python, OpenCV, Numpy | Link |
| Deteksi Objek menggunakan Mask R-CNN | Python, OpenCV, Numpy | Link |
| Deteksi Tengara Wajah | Python, OpenCV, DLib, Numpy | Link |
| Koreksi Kemiringan Teks | Python, OpenCV, Numpy | Link |
| OCR dan Pengenalan Teks | Python, OpenCV, Tesseract, Numpy | Link |
| Penghitung Orang | Python, OpenCV, Numpy | Link |
| Deteksi Teks | Python, OpenCV, Numpy | Link |
| Segmentasi Semantik | Python, OpenCV, Numpy | Link |
| Pelacakan Objek | Python, OpenCV, Numpy, CamShift | Link |
| Pengelompokan Wajah | Python, OpenCV, Numpy | Link |
| Pemindai Kode Batang | Python, OpenCV, ZBar, Numpy | Link |
| Deteksi Arti-penting | Python, OpenCV, Numpy | Link |
| Deteksi Wajah | Python, OpenCV, Numpy | Link |
| Pemindai Dokumen | Python, OpenCV, Numpy, SciKit | Link |
| Rekomendasi Musik | Python, SciKit, Numpy, Panda | Link |
| Memprediksi Kualitas Anggur | Python, Matplotlib, Numpy, Panda | Link |
| Algoritma Genetika | Python, SciKit, Numpy, Panda | Link |
| Mimpi Dalam | Python, TensorFlow, Visualisasi | Link |
| Prediksi Harga Saham | Python, SciKit, Matplotlib | Link |
| Sistem Rekomendasi Film | Python, LightFM | Link |
| Analisis Sentimen Twitter | Piton, API | Link |
| Aplikasi Obrolan dengan Analisis Sentimen | BerikutnyaJS, Pusher, Sentimen, Node, React | Link |
