Portfolio for Krystal E. Duran
Project Description
This portfolio website was developed using React.js
. Please reference the content below for a detailed summary of the updates I included for this assignment. At this time, my portfolio website now has the following pages to showcase my work:
- About webpage - Provides a short personal bio with my contact information and links to all my professional sites
- Projects webpage - Showcases two completed major projects and four of my high scoring assignments
- Fun Facts webpage - Includes some fun facts about me
- Contact webpage - Includes a form that a user can fill out to contact me
- At this time, the form submission functionality is still in development, so I included a modal to serve as an error message to warn the reader that this page is still in development after they click the submit button on this page.
Links to Portfolio Website
Here are the links to the GitHub repo and deployed portfolio website for your reference.
My React.js Components
In this section, I briefly described all the components that I used when converting my repo into React.js
.
- NavbarComp Component - This component serves as the re-generated navigation bar (i.e. header component) used throughout my portfolio.
- Button Component - This component serves as a re-useable button component used throughout my portfolio.
- InputTextForm Component - This component serves as a re-useable text input component that is used on the contact page in my portfolio.
- InputTextArea Component - Since I used Bootstrap for React.js to create these components, I created a separate text area component (in addition to the regular input text component) in order to use as the large text input componet on the contact page in my portfolio.
- ProjectCard Component - This component is the re-useable card component used to regenerate an individual card for each of the projects / assignments showcased in the projects page in my portfolio
- FunFactsCard Component - This component is the re-useable card component used to regenerate an individual card for each of the fun facts showcased in the fun facts page in my portfolio.
- Footer Component - This component serves as the re-generated footer used throughout my portfolio.
Summary of Portfolio Website Content
As specified in the instructional requirements, I updated my reponsive portfolio website to include the following:
- Links to my LinkedIn and GitHub profiles (both referenced in the Bio text on the About Page and footers located on each page)
- Links to my resume, email, and phone number are also included in the About webpage
- A dedicated Projects webpage to showcase two major projects and four high scored assignments
- Additional styling changes to ensure a uniquely styled portfolio
Similar to previous version of my portfolio website, this refactored version also contains included my name, mobile-first design, complementary color palette, and overall polished style.
Featured GitHub Repo Content
I updated my GitHub profile to include the following items:
- Profile picture (included prior to this assignment)
- Bio (included prior to this assignment)
- Location (included prior to this assignment)
- Email (included prior to this assignment)
- Link to your portfolio (now featured deployed )
- Pinned last 2 completed major projects
- Pinned four high-scoring homework assignments
- Followed Boot Camp colleagues that I have directly worked with
I have included a link to my GitHub profile to confirm assignment requirements were met:
Updates to Resume
Here is a link to my updated resume that now showcases sample projects and new skills gained thorughout the duration of this Full Stack Boot Camp.
Updates to LinkedIn
I have updated my LinkedIn Profile to include a strong bio / branding statement that has been already reviewed by Career Services, a professional photo, and links to your GitHub profile and personal portfolio website.
I have included a link to my LinkedIn profile to confirm assignment requirements were met: