search

skye8-tech / openFolio-v1-functional

0 stars 11 forks source link

Implement User Dashboard to Display Profile Information, Skills, Projects, and Certifications #5

Open andrew21-mch opened 3 months ago

andrew21-mch commented 3 months ago

Description:

The goal of this task is to create a user dashboard that displays the user's profile information, skills, projects, and certifications. This page will serve as the central hub for users to view their portfolio data after logging in.

Steps to Complete:

  1. Create the Dashboard Page:

    • Develop a dashboard.php file within the public/ directory.
    • Ensure that this page is only accessible to authenticated users by checking the session status.

  2. Fetch User Data:

    • Query the database to retrieve the logged-in user’s profile information, including their name, bio, profile picture, and any other relevant details.
    • Use the session information (e.g., $_SESSION['user_id']) to identify the currently logged-in user.

  3. Display Profile Information:

    • Display the user's name, bio, and profile picture at the top of the dashboard.
    • If the user has not provided certain details (e.g., bio or profile picture), show default placeholders.

  4. List Skills:

    • Retrieve and display the user's skills from the skills table.
    • Format the skills list in a visually appealing way (e.g., as a list or tag cloud).

  5. List Projects:

    • Query the projects table to display the user’s projects, including the title, description, and any links or images associated with each project.
    • Ensure the projects are organized and easy to navigate.

  6. List Certifications:

    • Fetch the user’s certifications from the certifications table and display them, including the certification title, issuing organization, and date earned.
    • Include any associated images or documents.

  7. Organize the Dashboard Layout:

    • Arrange the user’s profile, skills, projects, and certifications in a clean and organized layout.
    • Use basic CSS to style the dashboard, ensuring it is responsive and user-friendly.

  8. Test the Dashboard:

    • Ensure that all user data displays correctly after logging in.
    • Verify that users cannot access the dashboard without being authenticated.

Acceptance Criteria: