https://github.com/maklonfr/alkitab
Alkitab App (Fullstack - Express + React)
https://github.com/maklonfr/alkitab
api-alkitab-indonesia expressjs react tailwindcss
Last synced: 4 months ago
JSON representation
Alkitab App (Fullstack - Express + React)
- Host: GitHub
- URL: https://github.com/maklonfr/alkitab
- Owner: MaklonFR
- Created: 2025-06-09T04:21:41.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-06-09T04:48:00.000Z (4 months ago)
- Last Synced: 2025-06-09T05:26:21.920Z (4 months ago)
- Topics: api-alkitab-indonesia, expressjs, react, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📖 Alkitab App (Fullstack - Express + React)
Aplikasi Alkitab sederhana yang dibangun dengan:
- 🌐 **Frontend**: React + Tailwind CSS (support Dark/Light Mode)
- 🔧 **Backend**: Express.js (REST API)
- 📁 **Data**: JSON (alkitab.json)
- ⚙️ **Build**: Frontend disatukan ke backend (`/build`) dan dilayani melalui Express
---
## 🚀 Fitur
- Lihat daftar **Kitab** dari Alkitab
- Lihat **Pasal** dalam setiap kitab
- Lihat semua **Ayat** dalam suatu pasal
- Mendukung **Dark Mode** dan **Responsive Mobile**
- API REST yang dapat digunakan oleh aplikasi lain
---
## 📂 Struktur Folder
```bash
alkitab/
├── backend/
│ ├── alkitab.json
│ └── server.js
├── frontend/
│ ├── build/ <-- hasil build React
│ ├── public/
│ ├── src/
│ └── package.json
├── package.json <-- root (opsional: untuk monorepo)
└── README.md
```
---
## 🛠️ Instalasi
### 1. Clone Repository
```bash
git clone https://github.com/nama-kamu/alkitab-app.git
cd alkitab-app
```
### 2. Install Dependency
```bash
# Frontend
cd frontend
npm install
# Backend
cd ../backend
npm install
```
🧪 Jalankan (Development)
Mode Pengembangan Terpisah:
Frontend (port 3001):
```bash
cd frontend
npm start
```
Backend (port 3000):
```bash
cd backend
node server.js
```
Mode Produksi (Build + Serve via Express
```bash
# Bangun frontend
cd frontend
npm run build
# Jalankan backend + serve React build
cd ../backend
node server.js
````
## Sumber Data:
https://github.com/sabdacode/ayt?utm_source=chatgpt.com