feat: Dashboard Landing w/ User Guidance

[DevonGifford]

Dashboard Landing Page with User Guidance Features

Summary

This ticket involves the creation of a dashboard landing page to be displayed after user authentication (login/register). The page will include UI elements, quick links, interactive features, and guidance for users on app usage.

Related Tickets and Documentation

• None

Ticket Tasks

• [x] Design Dashboard Landing Page:

  • Create a visually appealing landing page design for the dashboard post-authentication.

• [x] Implement UI Elements and Quick Links:

  • Integrate UI elements, including hover effects, and incorporate quick links for easy navigation.

• [x] Develop Carousel with Images and Links:

  • Design and code a carousel displaying images and links leading to different app pages.

• [x] Incorporate User Guidance Features:

  • Create intuitive elements guiding users on app usage, such as tracking progress, accessing quick quizzes, creating quizzes, and viewing all quizzes.

• [x] Implement Interactive Elements:

  • Ensure interactive features for personalized user pages, quick quizzes, and tailored interviews.

Testing & Validation

• Test the landing page extensively to validate UI functionality, user guidance features, and interactive elements for a seamless user experience.

Additional Notes

This ticket aims to create a visually appealing and interactive dashboard landing page post-authentication, providing users with intuitive guidance on app usage and quick access to various functionalities.

---

OLD DETAILS:

Objective: Create an engaging and visually appealing user dashboard that offers a gamified experience while tracking user progress through graphs and infographics.

Tasks:

1. User Requirements Gathering: Conduct user research and gather requirements to understand what kind of gamification and data visualization elements will resonate with the users.
2. Dashboard Wireframing: Create wireframes or mockups of the dashboard layout, considering the placement of graphs, progress bars, achievements, or gamified elements.
3. Data Visualization Exploration: Research and explore suitable libraries or tools (e.g., Chart.js, D3.js) for generating interactive graphs and infographics to represent user progress effectively.
4. Gamification Strategy: Develop a gamification strategy with achievable milestones, rewards, or badges that align with user actions or progress within the platform.
5. Dashboard Development: Implement the dashboard layout and functionality using HTML/CSS/JavaScript or relevant front-end frameworks (React, Vue, Angular).
6. Integration with Backend Data: Connect the dashboard elements to backend services or APIs to fetch and display user-related data accurately.
7. Testing and User Feedback: Conduct usability testing with a focus group or sample users to gather feedback on the dashboard's usability, gamified elements, and visual representations.
8. Refinement and Iteration: Incorporate user feedback and make necessary refinements or iterations to enhance the dashboard's usability and engagement.
9. Documentation and Maintenance Guidelines: Document the dashboard's structure, functionality, and maintenance guidelines for future updates or improvements.

Additional Notes:

• Collaborate with UX/UI designers to ensure the dashboard's visual elements align with the overall design language and user experience of the platform.
• Consider accessibility standards to ensure the dashboard is usable and understandable for all users, regardless of abilities.