The portfolio assignment was initialised during week 8 of the Technigo Boot Camp, but will remain an ongoing project where we keep adding new information and content throughout the entire course and onwards.
We were given a set design for mobile and desktop view that we were to implement if taking part in the Techingo Career Coaching Program, which I am. Images and the actual text content naturally had to be our own, and we were also allowed to change and personalise the color scheme if preferred. I took the opportunity to do so, for the visual impression to correlate better with my content and reflect back on my artistic preference of color use for this project. The site had to be fully responsive in various views (mobile, tablet, desktop) - and look and function the same in Chrome, Firefox and Edge. The basic template has been built with compontents in React using separate CSS files. For layout purposes I have been using a combination of Flexbox and Grid.
A crucial part of the assignment was to carry out an accessibility test according to a checklist, making sure the webpage works well for people with disabilities. As an extension to this the HTML code had to validate in a validation tool, and I have also checked so that all colors and color contrast are acceptable and approved. I´ve run my code through the WAVE and Tenon auditing tools and applied suggested changes. When I have more time I will focus on fine tuning and adding additional ARIA attributes, to improve the accessibility of the page for people using a screen reader and keyboard navigation.
Credits: Hero image by ClintDyGuaso/Pexels.com My Thoughts About Code article images by Goran Ivos/Unsplash.com and Peter F/Unsplash.com
Please follow this link to view project live: https://idasylven-portfolio.netlify.app/
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent