premieroctet/screen-guru

🔮 Screen Guru takes clean screenshot of any websites

Screen Guru 🔮

Take clean screenshot of any websites. — https://screen.guru

• 🎨 Custom background color
• 🖥 Browser template
• ⚡️ Emoji ready (with Emojione font)

Bookmarklet

javascript:location.href='https://screen.guru?url='+encodeURIComponent(location.href)

Getting started

Stack

• ⚛️ Create React App
• ✨ Amazon Lambda
• 📸 Puppeteer
• ☁️ Serverless
• 🏡 Netlify

Install dependencies

yarn install

Build app

yarn build
# Deploy the static app with Netlify / Surge.sh / Zeit

Deploy lambda on AWS

With serverless:

yarn global add serverless

cd lambda/screenshot
serverless config credentials --provider aws --key XXX --secret XXX
yarn
yarn build-lambda-sharp

serverless deploy

Update the env var REACT_APP_LAMBDA_ENDPOINT (in .env) with your lambda endpoint

Sponsors

This project is being developed by Premier Octet, a Web and mobile agency specializing in React and React Native developments.

screen-guru's Issues

[New feature] Take into account an anchor in a link

Very useful project, good job :)

I think it can be nice to take into account an anchor in a link (if we want to include only a special part of the website for example).

Link broken

Link: https://www.nationalgeographic.com/

Unable to take screenshots of websites hosted through Github Pages

Error 404

Link broken

Link: http://beo.sosyalinteraktif.com/tr/default/nec/bursa-card-pdf?date=25-09-2018

Unable to take screenshots of websites hosted through Wix

An error appears when trying to take a screenshot for a website hosted through Wix. Just keep getting the error message 'The Guru is KO'. Is there any reason for this?

screenguru is ko error on build

ive done yarn install and build for static deployment, but everytime i enter a url i get the error

The Guru is KO. You can submit an issue or try later. Sorry

any ideas @shinework

Issue AXA

Hi,

This site doesn´t work.

axa.com.br

I tried www , https:// http:// http://www and https://www

Add timeout for text animation to occur (or use a js idle detection ?)

See https://2s9e3bif52.execute-api.eu-central-1.amazonaws.com/production/screenshot?url=https://mfglabs.com/&color=E9D460

Handle proxy filter

see https://2s9e3bif52.execute-api.eu-central-1.amazonaws.com/production/screenshot?url=https://www.bam.tech/&color=E9D460

Seems to be cloudflare on this one.

Add Timeout Option

This is a different request than in issue #5 .

Some sites have to load a decent amount of data before displaying the final result. In my case, my screenshot is just the loading screen.

If I could add a timeout, then the screenshot would be the content I need.

Unable to screenshot Anima.com

https://www.animaapp.com/

Thank you for any help in advance!

Doesn't properly render CJK Unicode range

https://2s9e3bif52.execute-api.eu-central-1.amazonaws.com/production/screenshot?url=Google.cn&color=E9D460

Unable to take screenshot on Medium.com

502 Bad Gateway

It seems that it is impossible to take screenshots of any domain name with the .cn suffix.

Thank you for any help in advance!

Suggestion: Add a Color Popup with RGBA Slider

Hi Thank you so much for building ScreenGuru, I'm a regular user, may I suggest a feature here that it would be great if the background color can be picked more intuitively? Oftentimes, I want to match a slightly lighter / darker background color with the screenshot, if the hex input can also support a color picker popup like Chrome does, this would save users some time opening another color tool to find the hex code.

KO

"😱 The Guru is KO. You can submit an issue or try later. Sorry!"

The font failed to render correctly

https://yesicon.app

Link broken

Link: http://www.qq.com