This project is my personal portfolio website. Its main purpose is to host my projects at https://tristandeaneportfolio.com.
The main users of this site will be potential employers and freelance clients. Although, I'm sure i'll point my friends and family this way as well :)
A secondary outcome of this site is to learn more about Next.js and styled components.
The site features all of the major sections you would expect from a portfolio.
-
Responsive Navbar: The nav will collapse on smaller screens and mobile devices. The links in this bar lead to different sections of the same page. To access the project gallery, visitors must click the link in the spotlight section. My rational for this is that I would rather them see my 4 best projects before moving to the main gallery.
-
Hero banner with a CTA button
-
Project spotlight: Highlights the top 4 projects that demonstrate my skills.
-
Technologies: Outlines the various web development technologies i'm familiar with.
-
About: Provides visitors with a brief overview of who I am. The section will link to a separate about page that has a more indepth profile.
-
Personal Accomplishments: highlights my most relevant accomplishments. This includes the number of difficut projects i've completed (fullstack or otherwise), the number of freelance projects i've completed, my GPA (this will change once i've graduated), and another box which i've yet to add.
-
Footer: which includes my contact details and social media profiles. It also highlights an interesting fact about the technology i'm currently learning.
Version 1.1.3:
Updated profile image width on mobile devices.
Fixed link color in the profile section readmore container.
Added a new xs mobile breakpoint. I've implemented this breakpoint to help make the header more responsive on smaller devices.
Version 1.1.2:
Modified several sections of the site to improve the Google Lighthouse accessiblity, best practices, and SEO scores.
Version 1.1.1:
Began fixing several issues pertaining to the site's accessiblity and SEO scores.
Version 1.1.0: Deployed the live version of the site.
Version 1.0.8:
Updated the Project spotlight to include CRWN clothing.
Modified the About section
Version 1.0.7:
Updated the About section's extended bio. Modified the styling of the several links to include better hover effects.
Version 1.0.6:
Changed the Nav logo and favicons to a laurel wreath.
Version 1.0.5:
Added the Game Library Manager app to the project spotlight.
This application utilizes the MERN stack and has further solidified my skillset.
Version 1.0.4:
Major: Updated the site's nav logo and favicon. I think they represent my personality a little bit more (I like wolves ::smile:: ).
Minor: Fixed some small typos in the copy of the site.
Version 1.0.3:
Major:
Added the Historical Figures website to the project gallery and spotlight. This application demonstrates my ability to create a fullstack MERN project.
The site server is hosted on heroku while the client is hosted on netlify.
Minor:
- Updated the contact e-mail address to my personal email.
Version 1.0.2:
Added a go back home link to the project gallery page. Updated the text of the project cards.
Version 1.0.1:
Updated the timeline write up to render content conditionally. Instead of displaying the entire auther profile on page load, the user has the option of reading more about me if they're curious.
I believe this update keeps my profile concise for those visitors who are just scanning.
Version 1.0.0:
This version includes the landing page and a project gallery page.