bsoc-bitbyte / busify

A centralised bus ticket booking system that will allow the students to book tickets in advance through an online website, saving time and effort.
https://busify.vercel.app
30 stars 67 forks source link

[Feature Request]: Implement Admin Dashboard UI According to Figma Design #89

Open RISHIKESHk07 opened 2 weeks ago

RISHIKESHk07 commented 2 weeks ago

Is your feature request related to a problem? Please describe.

Replicate the design provided in the Figma file to create an admin dashboard. This involves two main tasks:

  1. Retrieve Data from Backend: fetch necessary data from the backend.
  2. UI Implementation:
    • Create two components based on the Figma design:
      • Single Card Component: Display all tickets sold in a single card format.
      • List Component: Render all tickets as a list below the card, adhering to the Figma design.
      • Modal Component: Develop a modal using MUI to display the full details of a ticket.

Figma File

Figma File Link

Tasks

Describe alternatives you've considered

No response

Developer Help

ping us on discord before starting this issue

rohansen856 commented 2 weeks ago

@RISHIKESHk07 i would like to work on this issue. i will create the necessary components according to the figma design using material ui.

i will create a backend route to fetch the ticket by the Order schema in prisma with correct status to fetch all the sold tickets. also i will filter the tickets using createdAt filter to the current day. i will use the Ticket and Schedule schema to create the data for the ticket details.

rohansen856 commented 2 weeks ago

@RISHIKESHk07 @Pratik2026 i have solved this issue and made a pr #92. thank you.