As a potential employer, I want to find and view a developer's projects easily,
including live examples to assess their real-world experience,
the quality of their work, the effectiveness of their solutions,
and their ability to deliver innovative solutions relevant to my needs.
Requirements:
Content:
[x] Each project card on the home page includes a description of the project's scope, incentives, outcome, real-world impact, and an image representative of the project.
[x] On the projects page, GitHub commits are displayed in an animated counter.
[ ] The Work distribution for projects is displayed in a pie chart on the _projectspage, making it easy to understand what I am working on and how much.
[ ] Each portfolio project has a case study page available; these pages provide access to live examples through embeds of the project or links to the live project or at least a GitHub repo. The case studies provide an overview of the project, clearly presenting objectives, results, and impact.
UI:
[x] The projects page lists quarterly projects as cards, with project information gathered from GitHub.
[x] Each card on the homepage includes an option to view the project live (if applicable) or on GitHub.
[x] Each card includes an option to view the code of the project on GitHub
[x] Each card includes an option to view a case study (article) in which I evaluate my work.
[x] GitHub stats are shown engagingly on this page to prove my productivity.
[x] Each card includes media documenting the project's outcome (e.g., phone mock-ups, videos, pictures, etc.)—one on the homepage and one in the associated modal.
[ ] My productivity over time is visualized in an impactful way.
[ ] My projects and the amount of activity I have done on each over the last year are shown in a pie chart, effectively communicating the projects I have worked on.
[ ] The data visualizations are easily understood and aligned with the design system. They effectively communicate my productivity and the projects I am working on in real-time
Logic:
[x] Data for the projects page is fetched from GitHub and visualized meaningfully.
[x] Data for the projects page is fetched from GitHub efficiently, so it doesn't impact performance but still reflects current data.
[ ] Data for the homepage and the case study pages is loaded efficiently from a database so that updating the database renders both a new project on the homepage and creates a new associated case study page.
MVP To Do:
[x] Home: Add a slider so users can discover all projects by clicking an arrow.
[x] Home: Add a new item for the startup-viability-analysis portfolio project. Add content for this to the Content database.
[x] Home: For the startup-viability-analysis project, in the modal, add two buttons: 1. 'Explore on GitHub,' 2. 'View Case Study'
[x] Projects: Add case study pages for each project on the homepage with a title, brief description, project objectives, methodologies used, key outcomes, current progress, GitHub repo link, and a downloadable report, ensuring that all sections are fully filled out and reflect the most recent updates.
[x] Projects: Ensure that all projects on GitHub are shown at the 'Quarterly Projects' section.
To Do:
[x] Add a slider component to the homepage to allow users to review all projects. Provide short info in a modal for each and a link to the project case study. In the modal, provide the option to see the project live in a new tab.
[x] On the projects summary page, present the most relevant and recent projects as cards, animated and engaging. For each card, add a button linking to the GitHub project.
[x] For each of the cards, add media that documents the project's outcome and impact.
[ ] Below the project cards, show relevant stats from GitHub in a visually engaging way to document my productivity in a dynamically updated way -- do so using a line graph for my activity or a pie chart to show my distribution of work, make sure data is fetched efficiently.
[ ] Home: For both projects shown, optimize the images to prevent distracting layout shifts.
As a potential employer, I want to find and view a developer's projects easily, including live examples to assess their real-world experience, the quality of their work, the effectiveness of their solutions, and their ability to deliver innovative solutions relevant to my needs.
Requirements:
Content:
UI:
Logic:
MVP To Do:
To Do:
Total Estimated Time MVP:
6 hours Time Spent:
Ressources:
https://chat.openai.com/c/3e9d8ad6-56a0-4199-97ec-1354540dcf71 (Gordon on setting up a LineChart for the commit data with Recharts) https://recharts.org/en-US/api/Line