Playlist Functionality

  • สถานะ: Closed
  • รางวัล: $400
  • ผลงานที่ได้รับ: 24
  • ผู้ชนะ: Isha3010

รายละเอียดการประกวด

Need HTML5 pages created using Bootstrap framework.

Requirements:
- Bootstrap framework
- HTML5
- jQuery

All pages must be coded cleanly and with good and clean CSS. All Pages must be responsive as well.
We are looking to build a Training Management System where courses will be shown in a catalog. The user has the ability to add courses to "Playlist". This functionality forms part of a larger system so most deliverables will be slotted into a "widget" or a "tile" in another platform.

I see the functionality as follows but open to other creative designs.
1. User is browsing catalog and likes a course. User clicks on "Add to Playlist". A list of "Availabl Playlists" shows up and also an option to add a new playlist (refer to youtube for Example).
2. User is able to browse his/her playlist in a carousel or a list format (Examples of List and carousel attached).
3. User clicks on one of the playlist, it takes the user to a new page. New Page is as follows
- Name of selected Playlist at the top (as a dropdown and the ability to change the playlist),
- All courses within that playlist appear on the left side and a progress bar shows completion %
- Clicking on a course name shows course details on the right hand side. Mark Complete button is also available to allow the user to mark that course complete.
4. All Completed Playlists go to the bottom of the playlist listing (with a green tick over it) but accessible.

ALL PAGES ABOVE SHOULD BE RESPONSIVE.
ALL PAGES SHOULD BE STANDALONE as they will fit into different parts of the system
ALL PAGES .WILL BE EMBEDDED IN ANOTHER SITE SO NO NEED FOR HEADER/FOOTER MENUs etc
CSS SHOULD BE SEPERATED BETWEEN THE THREE PAGES. USE DIFFERENT STYLENAMES IN EACH PAGE

ทักษะแนะนำ

Winner
การประกวดแนะนำ
โพสต์การประกวดแบบนี้

คำติชมจากผู้ว่าจ้าง

“second time i have awarded a project to Isha and the results are just fantastic! Her results/options have been so much superior than the other entries submitted. Highly recommend her for any UI/HTML projects ”

รูปประจำตัว CrimsonWindow, United Kingdom.

ผลงานอันดับสูงสุดจากการประกวดนี้

ดูรายการเพิ่มเติม

กระดานประกาศ

  • Panlista
    Panlista
    • 4 ปี ที่ผ่านมา

    #27

    • 4 ปี ที่ผ่านมา
  • rubnawazquraishi
    rubnawazquraishi
    • 4 ปี ที่ผ่านมา

    Kindly leave feedback on #25 . this is another page for playlist.

    • 4 ปี ที่ผ่านมา
  • rubnawazquraishi
    rubnawazquraishi
    • 4 ปี ที่ผ่านมา

    check plz #20 and leave feedback.

    • 4 ปี ที่ผ่านมา
  • Panlista
    Panlista
    • 4 ปี ที่ผ่านมา

    I've made another submission with two more pages and an alternative playlist page. Please check out #18

    • 4 ปี ที่ผ่านมา
  • rubnawazquraishi
    rubnawazquraishi
    • 4 ปี ที่ผ่านมา

    kindly leave feedback entry #16 , I was working many hours for this project.

    • 4 ปี ที่ผ่านมา
  • alalfakawma
    alalfakawma
    • 4 ปี ที่ผ่านมา

    Is this also design work? Or mostly the functionality part?

    • 4 ปี ที่ผ่านมา
    1. alalfakawma
      alalfakawma
      • 4 ปี ที่ผ่านมา

      Does the playlist's page have to be in a separate page? Or we could have a modal dropdown with the carousel, and call all the playlists using AJAX or something? Just a thought, something like how Spotify does it.

      • 4 ปี ที่ผ่านมา
  • rubnawazquraishi
    rubnawazquraishi
    • 4 ปี ที่ผ่านมา

    kindly leave feedback entry #10 , I was working many hours on that.

    • 4 ปี ที่ผ่านมา
  • rubnawazquraishi
    rubnawazquraishi
    • 4 ปี ที่ผ่านมา

    this is too much time taking project, I can do all of these, kindly make the contest #sealed.

    • 4 ปี ที่ผ่านมา
  • lucasoneitzke
    lucasoneitzke
    • 4 ปี ที่ผ่านมา

    Working on it.

    • 4 ปี ที่ผ่านมา
  • aishaelsayed95
    aishaelsayed95
    • 4 ปี ที่ผ่านมา

    i'm working on it , thanks

    • 4 ปี ที่ผ่านมา
  • shamsulsujon
    shamsulsujon
    • 4 ปี ที่ผ่านมา

    Please clarify if you just want the interface design in HTML5? or you also need the functionalities in this contest?

    • 4 ปี ที่ผ่านมา
  • saidesigner87
    saidesigner87
    • 4 ปี ที่ผ่านมา

    working.

    • 4 ปี ที่ผ่านมา
  • saalimstk
    saalimstk
    • 4 ปี ที่ผ่านมา

    Example site link https://mangrovetube.com

    • 4 ปี ที่ผ่านมา

แสดงความคิดเห็นเพิ่มเติม

วิธีเริ่มต้นจัดการประกวด

  • ประกาศการประกวดของคุณ

    จัดการประกวดของคุณ รวดเร็วและง่ายดาย

  • รอรับผลงานจำนวนมหาศาล

    รอรับผลงานจำนวนมหาศาล จากทั่วโลก

  • มอบรางวัลให้แก่ผลงานที่ดีที่สุด

    มอบรางวัลให้แก่ผลงานที่ดีที่สุด ดาวน์โหลดไฟล์ - ง่ายดาย!

โพสต์การประกวดตอนนี้เลย หรือเข้าร่วมกับเราวันนี้!