fkhan24 / ecommerce-pattern-library

A term-long project redesigning an ecommerce website focusing on making a pattern library.
https://peaceful-wilson-c95465.netlify.com/pattern-library/#brand
0 stars 0 forks source link

Request for grade #8

Open fkhan24 opened 5 years ago

fkhan24 commented 5 years ago

With the short amount of time, I had to understand and complete this assignment independently, I am very pleased with the final result fo my eCommerce Website. I think it meets the basic needs of e-commerce and is simplistic. I struggled a lot with understanding the concept of creating a pattern library and why/how Jekyll is integrated into it. But I've come to understand how the elements all work together as shown in my pattern library and final website. I know I wasn't able to complete the surprise pages on my website but with the time I had, I'm proud of the outcome itself. It was a different experience and increased my knowledge about the open web, and I've come to realize just how important and efficient a pattern library can be to creating a website.

Style & design – 2

I like the style and design I chose for my website, the colours really work with the theme that I was going for but I know if I had the time, I would've been able to make it a bit more appealing.

Patterns – 2

My website was very simplistic to start with so I had only made a few extra buttons and sections.

Explanations – 3

Each pattern includes a very straight forward description and my peer was able to understand what each element was used for.

Accessibility – 2

I had some issues with colour when contrasting it using the Sim Daltonism app, but it was mainly for my hover states on buttons which I think I was able to fix.

Semantics – 2

I think I was able to successfully prove my experience with HTML as there were multiple files all with different labels, tags and elements of code that were needed. I was able to make use of adding classes for targeting colour elements separately from their default setting in other CSS files.

Responsiveness – 2

The text and images all adjust well to different screen sizes. The only issue I couldn't quite figure out was my logo overlapping the header on small screen size.

Code Quality – 2

I was able to go through all my code with my peer tutor to make sure there was no unnecessary code getting in the way of my final web design. I think I've used a fair amount of HTML and CSS where it's needed and became familiar with creating lines of code through Jekyll to use in my main HTML pages for my e-commerce.

Git & Commits – 3

All my commits were explained thoroughly if there was a significant amount of change in my code, and therefore could be well understood.

18/24 — 75% — B