ardiansyahbsm2003 / react_b-mini-project_alterra-academy-batch-6

Pengumpulan Mini Project Studi Independen Batch 6

SawiQu

Tentang Proyek saya

SawiQu merupakan aplikasi yang menggunakan teknologi Computer Vision untuk mengidentifikasi hama pertanian berdasarkan gambar yang diunggah pengguna. Kami bekerja sama dengan para ahli pertanian dan menggunakan teknologi terkini untuk membantu petani melindungi tanaman mereka dari serangan hama yang dapat mengganggu hasil panen.

Fitur

1. Halaman Arahan Dinamis/Halaman Beranda (lokasi)
2. Halaman Konsultasi OpenAI (tentang Sawi)
3. Halaman HamaScan menggunakan CNN Computer Vision Model
4. Daftar, Masuk, Lupa Kata Sandi
5. Daftar Percakapan CRUD

Pengguna

Daftar, Masuk & lupakan Kata Sandi

1. Daftar terlebih dahulu untuk bisa login ke website SawiQu
2. Lupa Kata Sandi jika Anda lupa kata sandi
3. Setelah login berhasil, pengguna dapat menikmati fitur website sawiQu

Layanan Konsultasi OpenAI

1. Konsultasikan dengan AI mengenai sawi
2. Dapatkan jawaban real-time berdasarkan pertanyaan sawi.
3. Pertanyaan dapat diedit dan dihapus pada halaman daftar percakapan

Hubungi kami

Anda dapat memberikan masukan kepada Admin dengan mengisi form pada halaman kontak kami

Pemantauan dan Pengelolaan Layanan Konsultasi AI:

1. Pantau interaksi chatbot AI dengan pengguna.
2. Melatih dan memperbarui AI untuk meningkatkan kualitas layanan.
3. Integrasikan data dari chatbot AI untuk analisis lebih lanjut.

TechStacks

List of tools:

1. Nodes
2. Axios
3. Visual Studio Code
4. React Js
5. Github
6. Git
7. Github Desktop
8. Tailwind
9. Email JS
10. Chakra
11. Yup
12. Daisy
13. React router dom
14. Vite
15. React icons
16. Python flash
17. Numpy

Live App Demo

https://react-b-mini-project-alterra-academy-batch-6.vercel.app

Setup Project

Berikut adalah langkah-langkah untuk menjalankan proyek secara local :

1. Instal Git:

https://git-scm.com/download

• Windows: Unduh Git dari Git for Windows dan ikuti instruksi instalasi.
• macOS: Instal Git menggunakan Homebrew dengan menjalankan brew install git atau unduh dari Git untuk macOS.
• Linux: Instal Git dengan menjalankan sudo apt-get install git untuk distribusi berbasis Debian atau sudo yum install git untuk distribusi berbasis RPM.

2. Buat Akun GitHub:

Jika Anda belum memiliki akun, daftar di GitHub.

3. Langkah-langkah Meng-clone Repositori

1. Buka Terminal atau Command Prompt:

• Windows: Gunakan Command Prompt, PowerShell, atau Git Bash.
• macOS/Linux: Gunakan Terminal.

2. Konfigurasi Git (Opsional tapi Disarankan):

   • Set konfigurasi Git global untuk username dan email:
   • git config --global user.name "Your Name"
   • git config --global user.email "[email protected]"

3. Navigasi ke Direktori Tujuan:

   • Pindah ke direktori di mana Anda ingin menyimpan repositori. Misalnya, jika Anda ingin menyimpan di folder Projects:
   • cd /path/to/Projects

4. Dapatkan URL Repositori:

   • Buka halaman repositori GitHub yang ingin Anda clone.
   • Klik tombol "Code" dan salin URL repositori (HTTPS atau SSH).

5. Clone Repositori:

   • Jalankan perintah git clone diikuti oleh URL repositori. Contoh dengan HTTPS:
   • git clone https://github.com/username/repo.git
   • git clone [email protected]:ArdiansyahBSM2003/React_B-Mini-Project_Alterra-Academy-Batch-6.git

6. Install dependencies:

     npm install
   

7. Konfigurasi environment variabels:

     note: simpan di dalam file { .env }
   
     VITE_MOCK_API=https://66392a494253a866a2509545.mockapi.io/chats
     VITE_API_OPEN_AI_URL="https://generativelanguage.googleapis.com/v1beta/models/gemini-pro:generateContent"
     VITE_API_OPEN_AI_KEY="masukkan api key dari gemini"
     // pada baris kode 'VITE_API_OPEN_AI_KEY' ini silahkan buat akun di gemini openAI dan create apikey di sana. kita juga bisa akses di link berikut ini ( https://aistudio.google.com/app/apikey ).
   

8. Jalankan Project

    npm run dev
   

THANK YOU