KyleVBP / ecommerce-pattern-library

A term-long project redesigning an ecommerce website focusing on making a pattern library.
https://clever-easley-95bc3d.netlify.com
0 stars 0 forks source link

Final grade #10

Open KyleVBP opened 5 years ago

KyleVBP commented 5 years ago

My eCommerce website has a majority of the components needed and explains what variables there are to help anyone else that does work with it. My teammates completed their assigned pages using components I had already created with the help of variables described in their config files. There are some patterns that could be added for some easier site use and breadcrumbs were created but not implemented. I enjoyed creating this pattern library. While I had coded in html and css a little bit prior to coming to Algonquin I didn't think I would enjoy it as much as I am now. The pattern library makes everything more clear to me definitely making this my favourite semester of Web Dev.


Style & design3 My site may not look as great as others but I gave myself a 3 because I feel like everything works together and I developed a nice theme between elements. To add to this I feel like I improved greatly from how my final projects on previous semesters looked.

Patterns2 I developed all patterns for my library that were required by pages we needed to make. Some patterns were created but ended up not being used, for example some of the cards as well as the breadcrumbs, and an image wheel.

Explanations2.5 I completed all or most of the explanations required, a majority are helpful to anyone reading but I think some might not be understood so I give myself 2.5 because some explanations will be at a level 3 while others at a level 2.

Accessibility3 I give myself a 3 for accessibility because after testing I fixed the problems that were found by classmates. Skip links, and colour were adjusted to help those with visual impairments.

Semantics2 I believe I used an appropriate amount of unique HTML tags but still not as much as I could have, I used a decent amount of divs compared to proper tags.

Responsiveness3 I tested for all screen sizes in my browser and during the accessibility testing I received no issues for screen sizes for other browsers and devices, so with no issues I gave myself a 3.

Code quality2.5 I gave myself a 2.5 for having the proper indentation, accessibility, and semantics. There may be some code that could be improved upon but for the most part I have it done at a high level.

Git & commits2 I give myself a 2 for commits because I believe I have some that fit a level 3 but many were just made for the sake of quickly pushing the current version to transfer the code between my laptop and computer.


20/24 - 83%