meme-lucu

Merupakan website berkumpulnya meme lucu.

Cara menambahkan file sebagai developer

1. git clone https://github.com/alfa-th/meme-lucu/
2. Tambahkan file di folder khusus kalian masing"
3. git add .
4. git commit -m "judul commit"
5. git push origin master

Fitur

Front-end

• Login Page
  • Flash rendering
• Registration Page
  • Flash rendering Baru
• Dashboard
  • Client-side list(categories) rendering
  • Conditional dashboard item rendering (untuk yang login dan untuk yang tidak login melihat hal berbeda)
• Beranda Page
  • Flash rendering
  • Client-side API vote operation
  • Client-side list(meme) rendering
• Kategori Page
  • Flash rendering
  • Client-side API vote operation
  • Client-side list(meme) rendering
• Upload Page
  • Image(meme) Preview with Javascript

Back-end

• Operasi Login dengan :
  • Server-side form validation
  • Session setting
  • Message flashing
• Operasi Registrasi dengan :
  • Server-side form validation
  • Registration data insertion to database
  • Message flashing
• Operasi logout dengan :
  • Session destroying Baru
• API untuk operasi resource sharing pada website dengan:
  • Endpoint :
    • Mendapatkan vote state pada suatu meme dari user
    • Mendapatkan total vote yang dimiliki oleh sebuah post
    • Mendapatkan kategori yang dimiliki oleh sebuah post
    • Mendapatkan semua kategori meme yang ada di website
  • Fitur :
    • Cross-origin resource sharing (API dapat diakses di domain lain)
    • Bad request setter (Apabila pengaksesan API tidak meliputi data yang cukup)
• Operasi Rendering Meme dengan :
  • Implementasi pada :
    • Bagian Beranda
    • Bagian Kategori
  • Fitur :
    • Akomodasi terhadap client side list rendering
    • Redireksi jika endpoint kategori diakses tanpa data yang cukup
• Operasi Voting Post dengan :
  • Endpoint :
    • /action, apabila terjadi akses endpoint post untuk voting
  • Fitur :
    • Insert atau Update keadaan vote pada suatu meme berdasarkan user
• Operasi Upload dengan :
  • Endpoint :
    • /, Untuk memperlihatkan halaman upload
    • /upload_action, Untuk menerima aksi upload dari sisi client
  • Fitur :
    • Menggunakan library image_upload yang disediakan oleh codeigniter
    • Enkripsi nama
    • Server-side Image Validation
    • Server-side Form Validation
    • Message flashing

Tugas

Front-end

• Membuat Login Page yang mempunyai fitur :
  • Email input box
  • Password input box
  • Ingat email dan password checkbox
• Membuat Registrasi Page yang mempunyai fitur :
  • Email input box
  • Username input box
  • Password input box
  • Confirm Password input box
• Membuat Home Page yang mempunyai fitur :
  • List Meme
    • Tombol Upvote
    • Tombol Downvote
    • Tombol Lapor
• Membuat Dashboard dengan fitur :
  • Bagian Kiri
    • Logo
    • Hyperlink Home
    • Dropdown Kategori
  • Bagian Kanan
    • Hyperlink Logout
    • Hyperlink User
• Membuat Halaman Upload dengan fitur :
  • Input Box Gambar
  • Input Box Judul
  • Input Box Kategori
  • Tombol Submit

Back-end

• Dokumen Analisa dan Desain Sistem berupa :
  • System Flow Diagram
    • Registration Flow
    • Login Flow
    • Yang Lainnya
  • Data Flow Diagram
    • DFD 0
    • DFD 1
    • DFD 2
• Skema Database berupa :
  • Dokumen dbdiagram.io
• Operasi Backend
  • Login
    • Server-side form validation
    • Session setting
  • Registrasi
    • Server-side form validation
    • Registration data insertion to database
  • Logout
    • Session destroying
  • Upload Meme
  • Menampilkan Meme