Code Monkey home page Code Monkey logo

article-crud's Introduction

๐Ÿ“ฐ Article CRUD Project

Ini adalah project CRUD sederhana menggunakan bahasa pemrograman PHP yang terintegrasi dengan Database MySQL bertujuan untuk mengelola artikel. Aplikasi ini memungkinkan pengguna untuk menambahkan, mengedit, dan menghapus artikel, serta melihat detail dari masing-masing artikel.

๐ŸŒŸ Features

  • CRUD operations for managing articles.
  • Responsive UI design using Bootstrap.
  • Image upload for article thumbnails.
  • Categorized articles for easy navigation.

๐Ÿ“ Project Structure

project/
โ”‚
โ”œโ”€โ”€ config/
โ”‚ โ””โ”€โ”€ connection.php
โ”‚
โ”œโ”€โ”€ css/
โ”‚ โ”œโ”€โ”€ sb-admin-2.css
โ”‚ โ””โ”€โ”€ sb-admin-2.min.css
โ”‚
โ”œโ”€โ”€ database/
โ”‚ โ””โ”€โ”€ article.sql
โ”‚
โ”œโ”€โ”€ img/
โ”‚ โ”œโ”€โ”€ article.png
โ”‚ โ”œโ”€โ”€ hadiiyok.jpg
โ”‚ โ”œโ”€โ”€ undraw_posting_photo.svg
โ”‚ โ”œโ”€โ”€ undraw_profile_1.svg
โ”‚ โ”œโ”€โ”€ undraw_profile_2.svg
โ”‚ โ”œโ”€โ”€ undraw_profile_3.svg
โ”‚ โ”œโ”€โ”€ undraw_profile.svg
โ”‚ โ””โ”€โ”€ undraw_rocket.svg
โ”‚
โ”œโ”€โ”€ js/
โ”‚ โ”œโ”€โ”€ demo/
โ”‚ โ”‚ โ”œโ”€โ”€ chart-area-demo.js
โ”‚ โ”‚ โ”œโ”€โ”€ chart-bar-demo.js
โ”‚ โ”‚ โ”œโ”€โ”€ chart-pie-demo.js
โ”‚ โ”‚ โ””โ”€โ”€ datatables-demo.js
โ”‚ โ”œโ”€โ”€ sb-admin-2.js
โ”‚ โ””โ”€โ”€ sb-admin-2.min.js
โ”‚
โ”œโ”€โ”€ pages/
โ”‚ โ”œโ”€โ”€ add_artikel.php
โ”‚ โ”œโ”€โ”€ delete_artikel.php
โ”‚ โ”œโ”€โ”€ detail_artikel.php
โ”‚ โ””โ”€โ”€ edit_artikel.php
โ”‚
โ”œโ”€โ”€ public/
โ”‚
โ”œโ”€โ”€ vendor/
โ”‚
โ”œโ”€โ”€ LICENSE
โ”œโ”€โ”€ README.md
โ””โ”€โ”€ index.php

๐Ÿ“‚ File Descriptions

config/connection.php

File ini berisi pengaturan koneksi database MySQL.

css/

Direktori ini berisi file CSS untuk memperindah tampilan aplikasi.

database/article.sql

File SQL ini berisi skema database untuk artikel-artikel.

img/

Direktori ini berisi gambar yang digunakan dalam aplikasi, seperti gambar mini artikel dan ikon.

js/

Direktori ini berisi file JavaScript untuk meningkatkan pengalaman pengguna, seperti tabel data dan grafik.

pages/

Direktori ini berisi file PHP untuk halaman-halaman berbeda dalam aplikasi, termasuk menambah, menghapus, mengedit, dan menampilkan artikel-artikel.

public/

Direktori public/ berisi file-file yang dapat diakses secara langsung oleh pengguna melalui web server. Ini termasuk gambar, file JavaScript, file CSS, dan file-file lain yang diperlukan untuk tampilan dan fungsionalitas aplikasi.

vendor/

Direktori vendor/ berisi semua dependensi pihak ketiga yang digunakan dalam proyek ini. Ini biasanya termasuk framework PHP, perpustakaan, atau paket lain yang diinstal melalui manajer paket seperti Composer.

index.php

File index.php adalah file utama dalam aplikasi ini. Berikut adalah fungsionalitas utama yang dimiliki file ini:

  • Memuat halaman utama aplikasi.
  • Menampilkan daftar artikel dengan fungsi CRUD (Create, Read, Update, Delete).
  • Menghubungkan ke database MySQL menggunakan file config/connection.php.
  • Menggunakan file CSS dari direktori css/ untuk memperindah tampilan aplikasi.
  • Menggunakan file JavaScript dari direktori js/ untuk meningkatkan pengalaman pengguna.

๐Ÿค Contributing

If you'd like to contribute to this project, please follow these steps:

  1. Fork this repository.
  2. Create a new branch (git checkout -b new-feature).
  3. Make the necessary changes.
  4. Commit your changes (git commit -am 'Add new feature').
  5. Push to your branch (git push origin new-feature).
  6. Create a new Pull Request.

๐Ÿ“œ License

This project is open-source and available under the MIT License.

๐Ÿ‘ค Author

article-crud's People

Contributors

hadiprasetiyo avatar

Stargazers

Farrell Athar R avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.