Serverless React Browsers

A React-based application that utilizes a serverless lambda function which spawns a Chrome instance using Puppeteer and takes and returns a screenshot of a given website and displays the returned image on the appropriately CSS styled browser window (desktop or mobile).

Development

Requirements

• Node.js
• Yarn (recommended)

Steps

Run the live-reload server on http://localhost:3000

make dev

Or run the live-reload server on http://localhost:8888 with Netlify (λ) functions:

make netlify

📚 The Tech. Stack

This project uses the following technologies:

The Front-End:

• React.js - For building the interface along with:
  • Styled-Components - for styling.

The Back-End:

• Netlify - For serverless functions.

⛓️ CI/CD Pipeline

This project uses the following CI/CD Pipeline:

1. CircleCI - CircleCI is used to test whether or not this project builds successfully.

License

© Nicholas Adamou.

It is free software, and may be redistributed under the terms specified in the LICENSE file.