https://github.com/rafiesa/webdev-schema
Electronics Store Admin CRUD Panel (BNSP Web Developer Certification Task). Built with CodeIgniter 3 & MySQL.
https://github.com/rafiesa/webdev-schema
admin-panel bnsp bnsp-certification codeigniter codeigniter3 crud mysql php portfolio
Last synced: about 2 months ago
JSON representation
Electronics Store Admin CRUD Panel (BNSP Web Developer Certification Task). Built with CodeIgniter 3 & MySQL.
- Host: GitHub
- URL: https://github.com/rafiesa/webdev-schema
- Owner: RafieSA
- License: mit
- Created: 2025-10-29T14:58:47.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-10-30T01:27:52.000Z (about 2 months ago)
- Last Synced: 2025-10-30T03:38:12.885Z (about 2 months ago)
- Topics: admin-panel, bnsp, bnsp-certification, codeigniter, codeigniter3, crud, mysql, php, portfolio
- Language: PHP
- Homepage:
- Size: 493 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: license.txt
Awesome Lists containing this project
README
# Electronics Store Admin Panel (BNSP Certification)
This is a web application project created to fulfill the Competency Demonstration Task for the **BNSP Web Developer Certification (KKNI Level 6)**.
The task required building a simple admin panel to manage an electronics store's product data, featuring full CRUD (Create, Read, Update, Delete) functionality.
**Local URL (via Laragon):** [http://bnsp-toko-elektronik.test](http://bnsp-toko-elektronik.test)
---
## 🛠️ Technology Stack
* **Framework:** CodeIgniter 3.1.13 (chosen to match the BNSP multiple-choice questions)
* **Language:** PHP 8.3
* **Database:** MySQL 8.4 (via Laragon)
* **Local Server:** Laragon (Apache)
* **Frontend:** Bootstrap 4 (via CDN) for rapid styling.
---
## ✨ Task-Compliant Features
As required by the assignment, this application features two main menus:
1. **Dashboard:** A simple welcome/landing page.
2. **Products:** The main page containing the full CRUD functionality:
* **[Create]** "Tambah Produk" (Add Product) button opens a form for new data.
* **[Read]** Displays all product data from the MySQL database in a table.
* **[Update]** An "Edit" button for each row to modify product data.
* **[Delete]** A "Delete" button for each row with a JavaScript `confirm()` alert.
---
## 🚀 How to Run (Local Setup)
1. **Prerequisites:** **Laragon** (or XAMPP) must be installed and running.
2. **Clone Repo:**
```bash
git clone [https://github.com/RafieSA/webdev-schema.git](https://github.com/RafieSA/webdev-schema.git)
```
3. **Move Folder:** Move the cloned `webdev-schema` folder into `C:\laragon\www\`.
4. **Create Database:** Open HeidiSQL/phpMyAdmin (via Laragon) and create a new database named `bnsp_toko_elektronik`.
5. **Import SQL:** Import the `data.sql` file (included in this repo) into the `bnsp_toko_elektronik` database.
6. **Configure CI3:**
* Rename the folder `C:\laragon\www\webdev-schema` to `bnsp-toko-elektronik` (to match the URL).
* Open `application/config/database.php` and ensure settings match your Laragon setup (user `root`, password `''`).
* Open `application/config/config.php` and ensure the `base_url` is `http://bnsp-toko-elektronik.test`.
7. **Run:** Restart Laragon and open `http://bnsp-toko-elektronik.test` in your browser.
---
## 🗄️ Database Schema (`data.sql`)
As requested by the task, the database contains a single `produk` table:
```sql
CREATE TABLE `produk` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`produk` varchar(255) NOT NULL,
`kategori` varchar(255) NOT NULL,
`harga` int(11) NOT NULL,
`thumbnail` varchar(255) DEFAULT NULL,
`link_gambar` varchar(255) DEFAULT NULL,
PRIMARY KEY (`id`)
);