ai_gallery

Bahasa Inggris | 中文

Selamat datang di proyek pengembangan web saya yang dibantu AI! Meskipun memiliki pengetahuan frontend minimal (hanya sedikit HTML dan CSS), saya telah berhasil membuat beberapa komponen menarik dengan bantuan Claude 3.5 dan GPT-4. Saya telah mengintegrasikan komponen -komponen ini ke dalam situs showcase ini. Jangan ragu untuk menjelajahi dan mengalaminya sendiri!

Saya harus mengatakan, AI benar -benar mengubah cara kita menulis kode.

Tinjauan Proyek

Proyek ini dibangun menggunakan React dan NextJS untuk Statis Site Generation (SSG) dan digunakan di Netlify. Ini fitur generasi sitemap otomatis, integrasi Google Analytics, dan dukungan i18n untuk internasionalisasi. Saat ini, galeri mencakup beberapa komponen menarik, dan saya berencana untuk terus menambahkan lebih banyak dengan bantuan AI.

Algoritma: Jelajahi visualisasi interaktif dari algoritma klasik seperti BFS PathFinding, A* Search, Dijkstra's Algorithm, dan Operasi Heap.

Game: Implementasi game klasik seperti Gomoku (lima berturut -turut), catur Cina, Tetris, dan 2048.

Komponen lain: Berbagai widget menarik, termasuk grafik dinamis untuk visualisasi data.

Pengembangan Lokal

Setiap orang dipersilakan untuk berkontribusi untuk meningkatkan komponen -komponen ini. Jangan khawatir jika Anda tidak memiliki latar belakang teknis frontend - Anda dapat memanfaatkan AI untuk menghidupkan ide -ide Anda! Berikut adalah langkah -langkah sederhana untuk menjalankan proyek ini secara lokal:

1. Klon Repositori:

    git clone [email protected]:selfboot/ai_gallery.git
   

2. Arahkan ke Direktori Proyek:

    cd ai_gallery
   

3. Instal dependensi:

    pnpm install
   

4. Mulai server pengembangan:

    pnpm dev
   

5. Buka browser Anda dan kunjungi http://localhost:3000 untuk melihat proyek.

Jika Anda menghadapi masalah apa pun di sepanjang jalan, coba gunakan AI untuk menyelesaikannya!

Refleksi menggunakan AI

Sebagai seorang pemula tanpa pengalaman pengembangan web, saya telah belajar banyak pengetahuan frontend praktis melalui pengembangan proyek ini. Sangat memuaskan untuk akhirnya membuat visualisasi yang selalu ingin saya buat.

1. Peluang Belajar : Bantuan AI membantu saya dengan cepat memahami aspek -aspek reaksi, javascript, dan praktik pengembangan web modern.
2. Pemecahan Masalah : Sementara AI memainkan peran penting dalam banyak aspek, masih ada masalah yang membutuhkan intervensi manusia untuk menyelesaikannya.

Dampak AI

GPT-4 dan Claude 3.5 telah terbukti menjadi mentor virtual yang sepenuhnya mampu dan pasangan pemrograman pasangan. Bahkan tanpa pengalaman pengembangan bereaksi sebelumnya, mereka membantu saya dengan cepat memahami konsep bereaksi, menerapkan logika yang kompleks, menciptakan UI yang menarik, dan memahami prinsip -prinsip yang mendasari. Mereka adalah asisten pemrograman yang sangat baik, dengan cepat memperkenalkan praktik terbaik, pola desain, dan teknik optimasi. Mereka membantu memecahkan berbagai masalah yang menantang, benar -benar mendapatkan gelar mentor terbaik.

Keterbatasan AI

AI masih memiliki beberapa halusinasi dan keterbatasan dalam kemampuan penalaran. Terkadang kode yang dihasilkan AI berisi bug atau tidak sepenuhnya memenuhi persyaratan proyek, dan kadang-kadang penjelasan yang diberikan tidak cukup jelas. Dalam situasi ini, Anda perlu men -debug dan menyelesaikan masalah sendiri.

Kolaborasi AI-Human

Pendekatan yang paling efektif adalah menggunakan AI sebagai alat kolaboratif, menggabungkan pengetahuannya yang luas dengan kreativitas pribadi dan pemahaman khusus proyek untuk menyelesaikan pekerjaan yang menarik lebih cepat dan lebih baik.

Membandingkan GPT-4 dan Claude 3.5

Ini adalah pendapat pribadi dan hanya untuk referensi. Kedua model AI memainkan peran penting dalam proyek ini, masing -masing dengan kekuatannya sendiri. Saya biasanya menggunakan Claude 3.5 untuk prototipe cepat dan GPT-4 untuk menyelesaikan masalah terperinci.

• GPT-4 : unggul dalam memberikan penjelasan terperinci dan menangani tugas-tugas multi-langkah yang kompleks. Untuk masalah di mana saya memiliki pemahaman umum tentang penyebabnya, GPT-4 sering memberikan kode dan penjelasan yang baik ketika diberikan petunjuk terperinci.
• Claude 3.5 : berkinerja sangat baik dalam pembuatan kode dan refactoring. Dengan deskripsi persyaratan sederhana, seringkali dengan cepat menghasilkan prototipe yang baik. Tanggapannya biasanya lebih ringkas dan berlaku langsung, membuatnya bagus untuk implementasi cepat dan perbaikan bug.