Be the Hero

Jadilah pahlawan

Nalnya

1. Tentang proyek.
2. Peta jalan dari apa yang telah dilakukan selama seminggu.
3. Funciton tambahan ditambahkan.
4. Instal proyek.
5. Cara Memulai Proyek.
   1. Back-end.
   2. Front-end.
   3. Mobile.
   4. Jika Expo tidak diinisialisasi.
6. Lisensi.

? Tentang proyek.

Proyek ini dikembangkan untuk bantuan orang untuk menyelesaikan masalah mereka dan membantu komunitas mereka, menciptakan LSM (organisasi non-pemerintah) di situs web dan memposting kasus mereka di sana, jadi bagaimana cara kerjanya?

Pertama, seseorang mendaftarkan LSM -nya di situs dan memposting kasusnya dengan hadiah untuk pahlawan yang akan menyelesaikannya (Web).

Kemudian seorang pahlawan akan dapat melihat daftar kasus yang tersedia di aplikasi seluler, maka ia dapat memilih kasus untuk berpartisipasi dan setelah ia memilih satu, ia akan menghubungi LSM melalui email atau dengan nomor whatsapp mereka yang tersedia (seluler).

Setelah itu pahlawan dan LSM akan membahas bagaimana mereka dapat saling membantu untuk menyelesaikan kasus ini :)

Daftar fungsi dikembangkan

Hari pertama.

• Apresentation Aplikasi ✔️.
• Menyiapkan Lingkungan Pengembangan ✔️.
  • Node.js && npm ✔️.
  • Kode Studio Visual ✔️.
• Memahami fron-end dan back-end ✔️.
• Buat Proyek dengan Node.js ✔️.
• Memahami bereaksi dan spa ✔️.
• Buat Proyek dengan React.js ✔️.
• Memahami React Native dan Expo ✔️.

Hari kedua.

• Node.js dan ekspres ✔️.
  • Rute dan Sumber Daya ✔️.
  • Metode HTTP ✔️.
  • Jenis Params ✔️.
• Konfigurasi Nodemon ✔️.
• Menggunakan imnsominia ✔️.
• berbeda antara database ✔️.
• Konfigurasi Basis Data ✔️.
• Bertanya -tanya tentang entitas dan fungsionalitas ✔️.
• Membangun back-end ✔️.
• Menambahkan modul COR ✔️.
• Mengirim back-end ke github ✔️.

Hari ketiga.

• membersihkan struktur reaksi ✔️.
• Konsep Bereaksi ✔️.
  • Komponen ✔️.
  • JSX ✔️.
  • Menyatakan ✔️.
  • Ketidakmampuan ✔️.
• Halaman Login ✔️.
• Menyiapkan rute ✔️.
• Halaman register LSM ✔️.
• Daftar Kasus ✔️.
• Mengunci back-end ke aplikasi React ✔️.
• Mengirim front-end ke github ✔️.

Hari keempat.

• Memasang Expo ✔️.
• Membuat Proyek Native React ✔️.
• Meniru proyek ✔️.
  • Di smartphone (digunakan ✔️).
  • Emulator.
  • Tumpukan Expo.
• Berbeda antara React.js dan React Native ✔️.
  • Elemen HTML ✔️.
  • Semantik ✔️.
  • Stilishing ✔️.
    • Flexbox ✔️.
    • Properti ✔️.
    • Pewarisan gaya ✔️.
    • Styling sendiri ✔️.
• Struktur pasta ✔️.
• Ikon dan Layar Splash ✔️.
• Menyiapkan navigasi ✔️.
• Halaman kasus ✔️.
• Halaman Detail Kasus ✔️.
• Membuka WhatsApp dan E-mail ✔️.
• Menghubungkan back-end ke aplikasi seluler ✔️.
• Mengirim ponsel ke github ✔️.

Hari kelima.

• Menambahkan validasi ✔️.
• Menambahkan tes ✔️.
  • Mengapa melakukan tes? ✔️.
  • Konsep TDD ✔️.
  • Mengkonfigurasi Jest ✔️.
  • Mengkonfigurasi database uji ✔️.
  • Menginstal Supertest ✔️.
  • Menguji rute otentikasi ✔️.
• Menyebarkan ✔️.
  • Alternatif ✔️.
  • yang harus dipilih? ✔️.
• Hal -hal untuk dipelajari di ujung jalan.
  • Standardisasi Kode (Eslint, Prettier).
  • Otentikasi JWT.
  • Komponen gaya.
• Tips untuk digunakan lebih baik.
  • GitHub ✔️.
  • LinkedIn ✔️.

? Fungsi tambahan ditambahkan.

• Halaman 404 (Web) ✔️.
• Buat efek pemuatan dengan Efek Skeleton (Web) ✔️.
• Responsivity (Web) ✔️.
• Validasi login dan insiden (back-end).
• Buat mask input dengan react-input-mask (web).
• Lakukan tes yang tersisa (back-end).
• Lakukan tes (front-end dan seluler).
• Efek pemuatan dengan reactContentLoader (seluler) ✔️.

Instal proyek.

Pertama -tama, Anda harus menginstal NPM atau benang di komputer Anda untuk mengunduh paket.

Kami merekomendasikan Anda untuk menggunakan NPM karena proyek dibuat dengannya

Untuk menginstal back-end, Anda perlu menjalankan perintah ini.

 cd backend

and

npm install or yarn ( if you are using Yarn).

Untuk menginstal front-end, Anda perlu menjalankan perintah ini.

 cd frontend

and

npm install or yarn ( if you are using Yarn).

Untuk menginstal ponsel, Anda perlu menjalankan perintah ini.

 cd mobile

and

npm install or yarn ( if you are using Yarn).

Cara Memulai Proyek.

Back-end

Untuk memulai back-end Anda perlu menjalankan perintah ini

 //To enter the backend folder use:
cd backend

//To initialize the backend use:
npm start

Front-end

Untuk memulai front-end Anda perlu menjalankan perintah ini

 //To enter the frontend folder use:
cd frontend

//To initialize the frontend use:
npm start

Mobile

Untuk memulai ponsel, Anda perlu menjalankan perintah ini

 //To enter the mobile folder use:
cd mobile

//To initialize the mobile use:
Expo start

☠️ Jika Expo tidak diinisialisasi

Jika Expo tidak diinisialisasi, Anda mungkin tidak memiliki expo-cli di komputer Anda sehingga untuk menginstalnya, Anda perlu menjalankan perintah ini.

 npm install -g expo-cli

Setelah menginstalnya, Anda perlu memulai kembali CMD Anda dan menjalankan lagi Command expo start .

Jika masalah tetap mengakses Repositori Masalah Umum Expo untuk menyelesaikannya.

? Lisensi

Ini adalah proyek open-source, Anda dapat menggunakannya dan mengujinya sebanyak yang Anda inginkan. Jika Anda menyukai proyek, tandai dengan bintang dan berkontribusi untuk lebih banyak orang melihat proyek.