Perkembangan teknologi informasi yang pesat mendorong masyarakat untuk mengakses informasi secara cepat dan mudah, termasuk dalam sektor kesehatan. Apotek, sebagai salah satu lembaga penting dalam distribusi obat-obatan, memerlukan sistem yang efisien untuk mengelola ketersediaan stok obat. Apotek Dian Brata Medika yang terletak di Kabupaten Purbalingga, Jawa Tengah, menghadapi tantangan dalam pengelolaan stok obat yang masih dilakukan menggunakan pembukuan dan Excel. Metode ini sering menyebabkan kesalahan pencatatan stok yang berdampak pada pembelian obat yang berlebihan atau kekurangan stok, bahkan menyebabkan pemborosan akibat obat yang kedaluwarsa. Penelitian ini bertujuan untuk merancang dan mengimplementasikan sebuah sistem informasi berbasis website yang dapat mengelola ketersediaan stok obat dengan lebih efisien. Sistem ini dibangun dengan menggunakan metode Extreme Programming (XP), yang dikenal dalam pengembangan perangkat lunak. Metode XP dipilih karena kemampuannya untuk menyederhanakan proses pengembangan sistem sehingga lebih responsif terhadap perubahan kebutuhan, terutama pada bagian front-end yang diharapkan dapat mempermudah penggunaan oleh staf apotek. Front-end sistem ini dikembangkan menggunakan ReactJS dan Tailwind CSS, yang memungkinkan pembuatan antarmuka pengguna yang responsif, dan dapat diakses dengan mudah oleh pengelola apotek. Fitur-fitur yang disediakan oleh sistem ini mencakup pencatatan stok obat secara real-time, notifikasi untuk stok obat yang hampir habis atau kedaluwarsa, serta laporan yang memudahkan pengelolaan dan pemantauan stok obat. Hasil dari penelitian ini diharapkan dapat membantu Apotek Dian Brata Medika dalam mengelola ketersediaan obat dengan lebih akurat dan efisien, mengurangi human error dalam pencatatan stok, serta mempercepat proses pembaruan data stok. Selain itu, sistem ini juga diharapkan dapat meningkatkan kualitas pelayanan apotek dan mendukung pengambilan keputusan yang lebih baik dalam manajemen obat.