Coder Social home page Coder Social logo

dasi0075 / ecommerce-pattern-library Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ltw-webdev-4/ecommerce-pattern-library

0.0 0.0 0.0 32.62 MB

A long term project redesigning an ecommerce website focusing on making a pattern library.

Home Page: https://artexpose.netlify.com

Ruby 2.12% HTML 34.39% CSS 60.85% JavaScript 2.64%

ecommerce-pattern-library's People

Contributors

dasi0075 avatar thomasjbradley avatar

Watchers

 avatar

ecommerce-pattern-library's Issues

Google Chrome Testing

The Hamburger Menu and the Close Menu symbols do not appear on other website tabs, except for Home. As well, the color for the footer seems to be missing in the Checkout section of the website. Finally, there's an additional button to the lower left side of the Home section.

Read.me Page and Favicons for Marks

Hi @thomasjbradley

I don't know how we supposed to show you our progress for marks so I just finished today favicons and readme page updates. I have also added a bunch of other stuff but don't remember what I have shown you or not.

Screen Shot 2020-04-13 at 4 40 27 PM

Screen Shot 2020-04-13 at 4 40 47 PM

Checkout Page

Hi @HannahDelaney

I have questions regarding my Checkout page. My UX is this one
Checkout
I want just one t-shirt and these details with a button underneath "Checkout"

QUESTIONS: Do I need to created specific buttons or I can modify the title of Basic Button?

Why is it showing in my page 3 different shirts instead of 1?

Thank you

WebPageTest results

Load time is quite long averaging a little under 15 seconds.
Images take up the most space.
love-tee.png and banner.png are showing issues with size, and might not be compressed.

Safari Testing for Websites

hi @thomasjbradley

This is my Browser Tests on Safari: I tested Wave tools and Colour test but have no idea what to do with that info.

Punk Leather
Logo doesn’t show up in home page
inconsistency in Nav [Home Account Products}

Nav Hamburger List not properly aligned when open

Daltonism TEST
Pronatopia PASS
Deuteranopia PASS
Deuteranomaly PASS
Protanomaly PASS

Eggeheads
Couldn’t not find the website

Icostash
Nothing to complain beautiful site

Daltonism TEST
Pronatopia PASS
Deuteranopia PASS
Deuteranomaly PASS
Protanomaly PASS

Fern & Ivy
Nothing to complain beautiful site

Daltonism TEST
Pronatopia PASS
Deuteranopia FAIL (for hover colors)
Deuteranomaly FAIL (for hover colors)
Protanomaly FAIL (for hover colors)

Cozy Bookstore
Site a bit busy but properly aligned
Needs double search engines on nav?

Daltonism TEST
Pronatopia FAIL (for some hover colors)
Deuteranopia PASS
Deuteranomaly PASS
Protanomaly PASS

FB (Socks)
Nothing to complain beautiful site

Daltonism TEST
Pronatopia PASS
Deuteranopia PASS
Deuteranomaly PASS
Protanomaly PASS

Headfon
Product cards dont need background maybe?
Button with cramped letters

Daltonism TEST
Pronatopia PASS
Deuteranopia PASS
Deuteranomaly PASS
Protanomaly PASS

Bloom Soap
Nothing to complain beautiful site

Daltonism TEST
Pronatopia PASS
Deuteranopia PASS
Deuteranomaly PASS
Protanomaly PASS

Lets get lit
Purple color of buttons maybe not w contrast enough for people w eye problems

Daltonism TEST
Pronatopia PASS
Deuteranopia PASS
Deuteranomaly PASS
Protanomaly PASS

Gundam Build
Maybe images could bit a bit smaller on homepage

Daltonism TEST
Pronatopia PASS
Deuteranopia PASS
Deuteranomaly PASS
Protanomaly PASS

Edge Browser Testing

@thomasjbradley

First of all, I dont know why there's a random "add to cart" button beneith the 3 shirt cards.

Secondly, In the email input field on the footer, there is no submit button and the text is a near-impossible to see colour. In the 2nd image, it is only seen because I am highlighting it with my mouse.

dasi-1
dasi-2

Mobile Chrome Browser Testing Issues

Home page
Extra Add to cart button at the bottom of page
93702251_544370219833602_7249742059337154560_n

Products page
Hamburger button disappears
93119817_2578006248966662_2226792443913699328_n

Payment page
Hamburger button disappears
One of your forms is not set as a unit, it's next to Full name
92799744_231690874556284_3004021335094460416_n

Privacy Page
Hamburger button disappears

Sales Page
Alert does not work
Product cards not showing properly
93036055_538988673473714_7193950678975250432_n

@thomasjbradley

Last Questions Regarding my Site.

hi @thomasjbradley
This morning I was working on my site and took notes of 7 questions I don't know how to answer:

1# Extra Button showing up in the bottom of my home page (lots of people mentioned that on the test)

2# Why does my hamburguer nav shows up fine in homepage but when I move to other pages I get a question mark?

3# PRODUCTS CARDS (I am still quite confused in how to set them up, I don't know what I am missing that cant get different products on the page).

4# the 'quantity form' not showing up in my checkout page

5# Can't see my icons on the payment page (amazon, credit_card, Paypal and visa). they are in my code but don't see them in my page.

6# In Checkout page my footer is all messed up. Why? If I am using the same default layout as the other pages?

7# How to change my buttons names (for instance, If I want to do a call to action for my sales page, or checkout written on the basic button for my checkout page).

These are my questions for my last attempts to try to finish this site.
Thank you.

PS: I think also have these two things done already.

Screen Shot 2020-04-14 at 4 14 37 PM

Opera Mobile homepage issue

Hey! Home page looks good, only issue is that on Opera's mobile application, you have a random add to cart button at the bottom of the page before the footer section.

@thomasjbradley

Surprise Pages Ready for Marks

Good morning @thomasjbradley

I just finished my 2 surprise pages. Sales and Privacy Policy. Have been working since yesterday in those errors but my checkout is the one I can't quite understand why. Every time I add my 3 forms (quantity, size and colour) it messes everything up including my footer. When I remove it it goes back to normal.
Attached is screenshots of my surprise pages.

Screen Shot 2020-04-15 at 11 33 10 AM
Screen Shot 2020-04-15 at 11 33 43 AM

README Screenshot and how to link my site

Hi Thomas, this is the screenshot of my README pages
Question is how to link my page here, you mentioned is not linked yet.

And to be honest and need to confess I am lost in Web Dev right now, with all going on in my personal life and around us all. I will try my best but today I just felt completely lost in what you were showing other people.
I have TONs of questions ahaha but I will try to figure some out first and ask later.

Screen Shot 2020-03-24 at 2 47 49 PM

@thomasjbradley

Site is done for Submission

Hi @thomasjbradley
I tried my best here and fixed errors as much as I could. I think my website is ready for submission.
Still couldn't fully understand how to change my buttons names and pick different products but other than that I feel ready and want to submit!

How do we do that? just make this issue or I have to send you something?

Thank you
Nadia

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.