m-istighfar / fe-m-blood

Website Donor Darah MBlood

Proyek ini, yang kami namakan 'Inovasi Digital dalam Donor Darah', adalah sebuah inisiatif untuk mengintegrasikan teknologi digital dalam proses donor darah..

Live Demo

Netlify [Vercel] (https://fe-final-project-revou.vercel.app/)

Tentang Website

Di era digital saat ini, penting bagi layanan donor darah untuk memanfaatkan teknologi untuk meningkatkan efisiensi dan keterjangkauan. Inisiatif ini bertujuan untuk mengatasi tantangan dalam sistem donor darah tradisional seperti kesulitan dalam menemukan donor yang cocok, memantau stok darah, dan menyediakan platform yang aman dan terpercaya bagi para donor.

Teknologi yang Digunakan

Berikut adalah daftar teknologi yang digunakan dalam pembangunan website ini:

• React.js: Sebuah library JavaScript untuk membangun antarmuka pengguna. React memungkinkan pengembangan single-page applications dengan cara yang efisien dan mudah diubah, melalui komponen yang dapat digunakan kembali.
• Node.js: Sebuah runtime lingkungan untuk JavaScript yang memungkinkan pengembang untuk menjalankan JavaScript di server-side. Node.js digunakan untuk membangun server aplikasi web yang cepat dan skalabel.
• Express: Sebuah framework untuk Node.js yang menyederhanakan proses pembuatan server dengan menyediakan set fitur dan fungsi yang luas untuk aplikasi web dan mobile. Express digunakan untuk menangani request dan response, middleware, routing, dan lainnya.
• TailwindCSS: Sebuah framework CSS yang utility-first untuk membangun desain custom tanpa meninggalkan HTML Anda. Tailwind menggunakan kelas utility yang dapat digunakan kembali, sehingga memudahkan pembuatan tampilan yang konsisten dan responsif.
• Vite.js: Sebuah build tool modern yang bertujuan untuk memberikan pengalaman pengembangan yang lebih cepat dan lebih efisien. Vite memanfaatkan rollup untuk bundling produksi yang optimal dan menyediakan fitur seperti hot module replacement (HMR) untuk pengembangan yang lebih cepat.

Struktur Folder

Berikut adalah penjelasan tentang struktur folder utama dan penggunaannya:

• node_modules: Modul yang digunakan dalam proyek.
• public: Berisi file statis seperti gambar dan HTML.
• src: Berisi kode sumber aplikasi, termasuk komponen, halaman, dan assets.
• assets: Berisi gambar dan sumber daya visual lainnya.

Cara Menambahkan Dependencies

Dependencies adalah pustaka atau modul yang diperlukan oleh proyek untuk berjalan dengan baik. Untuk menambahkan dependencies baru ke proyek Anda, ikuti langkah-langkah berikut:

1. Buka terminal atau command prompt.
2. Pastikan Anda berada di direktori root proyek Anda.
3. Ketik perintah berikut:

bash npm install [nama-package]

Menjalankan Aplikasi dengan Dependencies

Setelah menginstal semua dependencies yang diperlukan, Anda dapat menjalankan aplikasi di lingkungan pengembangan lokal Anda. Ikuti langkah-langkah ini untuk memulai:

1. Buka terminal atau command prompt Anda.
2. Navigasikan ke direktori root dari proyek Anda.
3. Ketik perintah berikut untuk memulai aplikasi:

bash npm start

fe-m-blood's Issues

Day 1-2

Task 1: Initialize the GitHub repository with README and license.
Task 2: Set up the project environment and dependencies.
Task 3: Define coding standards and documentation requirements.
Task 4: Create a basic project structure with a delineation of modules.

Home Page

Testing