Research for admin dashboard designs

[jeandreidc]

• CMS: Change website contents
  • Change photos
  • Change contents
• Business Side
  • Inquiry list
  • Generate payment link
  • Link payment to inquiry
  • Dashboard for inquiries x packages
  • How many proceeded to order
  • Google analytics [Stretch]
  • Login
  • Create and edit packages form

[jeandreidc]

https://nextjs.org/learn-pages-router/basics/create-nextjs-app/setup

[jeandreidc]

https://github.com/jotyy/Mantine-Admin?tab=readme-ov-file

[jeandreidc]

Create wikipage to include all the mockups in https://github.com/palaviajeros/palaviajeros-ui/wiki

[jeandreidc]

[jeandreidc]

Focus on create packages and tours form first @LeaHaelin

[jeandreidc]

Just display one big table, with all the fields and filters. + actions

Mockup To-do

• [x] Identify which details we want to include in the headers
• [x] What are the actions that can be done in the table?

Coding To-do

• [ ] Filter and search
• [ ] Use model that is similar to what we use in palaviajeros-ui
  • [ ] Use package interface
  • [ ] Create a package.ts file with package interface
  • [ ] Create mock object, with random values, and pass Packages[] to the packages component that contains the table

To focus on packages and tours:

• Create a country
• Display them per country
• Create a package
• Display packages and tours

Reference: https://mantine-admin.vercel.app/dashboard/table

[jeandreidc]

@LeaHaelin add mockup in wikipage and reference with a link here

[LeaHaelin]

Mockup in wiki page: https://github.com/palaviajeros/palaviajeros-ui/wiki/Palaviajeros%E2%80%90admin:-Design-mockups