Code Monkey home page Code Monkey logo

milestone-1-wbd's Introduction

Letterpaw

Disusun untuk memenuhi Tugas Besar IF3110 Pengembangan Aplikasi Berbasis Web Milestone 1 - Monolithic PHP & Vanilla Web Application

Daftar Isi

Deskripsi Aplikasi

Letterpaw adalah sebuah platform sosial yang dirancang khusus untuk pecinta film. Platform ini memungkinkan pengguna untuk membuat memilih film yang mereka telah tonton, memberikan peringkat, dan menulis ulasan tentang film tersebut.

Daftar Requirement

  1. Login
  2. Register
  3. Home
  4. Daftar Film
  5. Search, Sort, dan Filter
  6. Detail Film
  7. Edit Film
  8. Daftar Review
  9. Edit Review
  10. Detail User
  11. Edit User

Cara Instalasi

  1. Lakukan pengunduhan repository ini dengan menggunakan perintah git clone https://gitlab.informatika.org/if3110-2023-k02-01-02/tugas-besar-1.git pada terminal komputer Anda.
  2. Pastikan komputer Anda telah menginstalasi dan menjalankan aplikasi Docker.
  3. Lakukan pembuatan image Docker yang akan digunakan oleh aplikasi ini dengan menjalankan perintah docker build. pada terminal directory aplikasi web.
  4. Buatlah sebuah file .env yang bersesuaian dengan penggunaan (contoh file tersebut dapat dilihat pada .env.example).
  5. Jalankan run.sh untuk windows

Cara Menjalankan Server

  1. Anda dapat menjalankan program ini dengan menjalankan perintah docker-compose up pada terminal directory aplikasi web.
  2. Aplikasi web dapat diakses dengan menggunakan browser pada URL http://localhost:8080/.
  3. Aplikasi web dapat dihentikan dengan menjalankan perintah perintah docker-compose down pada terminal directory aplikasi web.

Screenshot Tampilan Aplikasi

Login

Login Page

Register

Register Page

Home

Home Page

Daftar Film

Film List Page

Search, Sort, dan Filter

Search, Sort, dan Filter Page

Detail Film

Detail Film Page

Edit Film

Edit Film Page

Daftar Review

Review List Page

Edit Review

Add Album Page

Detail User

User List Page

Edit User

Edit User Page

Pembagian Tugas

  1. Login
  2. Register
  3. Home
  4. Daftar Film
  5. Search, Sort, dan Filter
  6. Detail Film
  7. Edit Film
  8. Daftar Review
  9. Edit Review
  10. Detail User
  11. Edit User

Server Side

Fitur NIM
Login 13521089
Register 13521089
Home + Routing 13521089
Daftar Film 13521094
Search, Sort, dan Filter 13521094
Daftar + Tambah Favorit 13521094
Detail Film 13518110
Edit + Tambah Film 13521089
Daftar Review 13521084
Edit Review 13521084
Detail User 13521089
Edit User 13521089

Client Side

Fitur NIM
Login 13521089
Register 13521089
Home + Routing 13521089
Daftar Film 13521094
Search, Sort, dan Filter 13521094
Daftar + Tambah Favorit 13521094
Detail Film 13518110
Edit + Tambah Film 13521089
Daftar Review 13521084
Edit Review 13521084
Detail User 13521089
Edit User 13521089

Chores

Job NIM
Docker 13521084
Database Schema + Seeding 13521094
Wireframing 13521094
Backend Structure + Design Pattern 13521089
Navbar 13521094

Completed Bonus

  1. Responsive Web Design Aplikasi sudah di-design agar dapat beradaptasi dengan perubahan viewport
  2. Docker Docker sudah di-setup dan juga dapat berjalan untuk menjalankan aplikasi web.
  3. Google Lighthouse Google Lighthouse

milestone-1-wbd's People

Contributors

kenezekiel avatar liviaarumsari avatar austinpardosi avatar 135-petrus avatar kristabdi 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.