Portfolio

Table of Contents

• 1. Project Summary
• 2. Product Definition
• 3. Interface Design
• 4. Features
• 5. Technical Considerations
• 6. To be implemented

---

1. Project Summary

This project is an exercise on what a personal portfolio for the character Tara Gregson from the TV series "United States of Tara" would look like. Tara Gregson is a woman that struggles to find a balance between her dissociative identity disorder and raising a dysfunctional family. Tara's multiple personalities include "T" the wild-child teenager, "Buck" the rough and tumble biker dude, and "Alice" the type-A homemaker.



So, the main question is how would she manage to showcase her skills and projects without her alters showing up? If they do manifest, how can I translate them into her personal portfolio?

2. Product Definition

Product Name: Tara Gregson's Portfolio

Target Audience: Potential employers, collaborators, or clients in fields such as painting, writing, or mental health issues.

Problem Statement: Tara Gregson, a woman with dissociative identity disorder, faces challenges in showcasing her skills and projects due to the potential interference of her alters.

Product Goal: To create a personal portfolio that effectively highlights Tara's abilities and experiences while mitigating the impact of her dissociative identity disorder.

3. Interface Design

• Wireframes Mobile First:

4. Features

• A carousel that showcases Tara's recent work
• A simple form to contact Tara

5. Technical Considerations

• This portfolio is a responsive SPA that uses Bootstrap v5.3 elements for styling
• It is built with Vanilla Javascript

6. To be implemented in the near future 🚧

• In Home view:
  • Clicking on a project should open a modal window with more detailed information, including additional images and/or a longer description.
  • The modal window should have a close button in the top right corner to allow the user to easily close it.
  • Another section to showcase the clients Tara has worked with
• In Contact view:
  • Convert the form alert into a modal
• Add search filters
• Implement page not found
• Database generation for a gallery of all projects and/or multiple personality integration
• Code Testing
• Usability tests