3 ms·

Show HN: PageWatch – Check your site for layout errors/spelling mistakes

19 points by lpellis 6y ago

lpellis 6y ago
PageWatch is a service I built over the last year to help find some recurring issues in websites. It can detect CSS issues such as container overflows, overlapping text or bad wrapping, spelling mistakes, slow pages and a few more. Built using Hasura (realtime GraphQL), Django for the backend, scrapy (crawling) and spaCy (language model). To see what it looks like, here is a report on the SpaceX site: https://app.pagewatch.dev/bc10b8fdefd9cfbaca5626f6483515fb5c5ec3ea/dashboard https://app.pagewatch.dev/bc10b8fdefd9cfbaca5626f6483515fb5c...
- sixhobbits 6y ago
  Very cool - I'm working on a similar project. Can I ask how you do the screenshots where you reconcile the spelling images back to the previewed HTML?
  - lpellis 6y ago
    I'm injecting https://markjs.io/ https://markjs.io/ into the page and then highlight all the misspelled words, then I crop it out of the screenshot. (it does mean I have to take basically two screenshots, one with the spelling mistakes highlighted, and one for the normal preview)
jesterson 6y ago
It does look like lighthouse instance behind a nice interface. Are there any other tests besides lighthouse?
- lpellis 6y ago
  I actually only added lighthouse recently, it is a very minor part of the tests. Everything besides the 'performance' and 'vulnerabilities' tab are custom built 100%. These are: * The layout tests and fullscreen rendering engine * Spelling tests and highlighting * Broken links check * Structure visualization * Error/console logs * Broke resources / images Lighthouse does have some nice SEO related information that I'm planning to expose in an easier way.
nicbou 6y ago
Great idea, but I'm not creating an account just to see if it works. I don't want "hey, it's Josh from PageWatch" emails every few days during the trial period.
- lpellis 6y ago
  Yeah I get that, I need some way to though to limit usage to an account, running these tests takes a decent amount of processing time / storage (cheap, but not free). I do hope to have just a URL box available sometime, when I have some better runway.

19 points by lpellis 6y ago

PageWatch is a service I built over the last year to help find some recurring issues in websites. It can detect CSS issues such as container overflows, overlapping text or bad wrapping, spelling mistakes, slow pages and a few more. Built using Hasura (realtime GraphQL), Django for the backend, scrapy (crawling) and spaCy (language model). To see what it looks like, here is a report on the SpaceX site: https://app.pagewatch.dev/bc10b8fdefd9cfbaca5626f6483515fb5c5ec3ea/dashboard https://app.pagewatch.dev/bc10b8fdefd9cfbaca5626f6483515fb5c...

sixhobbits 6y ago
Very cool - I'm working on a similar project. Can I ask how you do the screenshots where you reconcile the spelling images back to the previewed HTML?
- lpellis 6y ago
  I'm injecting https://markjs.io/ https://markjs.io/ into the page and then highlight all the misspelled words, then I crop it out of the screenshot. (it does mean I have to take basically two screenshots, one with the spelling mistakes highlighted, and one for the normal preview)

jesterson 6y ago

It does look like lighthouse instance behind a nice interface. Are there any other tests besides lighthouse?

lpellis 6y ago
I actually only added lighthouse recently, it is a very minor part of the tests. Everything besides the 'performance' and 'vulnerabilities' tab are custom built 100%. These are: * The layout tests and fullscreen rendering engine * Spelling tests and highlighting * Broken links check * Structure visualization * Error/console logs * Broke resources / images Lighthouse does have some nice SEO related information that I'm planning to expose in an easier way.

nicbou 6y ago

Great idea, but I'm not creating an account just to see if it works. I don't want "hey, it's Josh from PageWatch" emails every few days during the trial period.

lpellis 6y ago
Yeah I get that, I need some way to though to limit usage to an account, running these tests takes a decent amount of processing time / storage (cheap, but not free). I do hope to have just a URL box available sometime, when I have some better runway.