/websnap

Get a snapshot of any website

Primary LanguageTypeScript

WebSnap

WebSnap is a web application that allows users to capture snapshots of any website in both mobile and desktop views. Easily generate preview images for websites and download them with just a click!

Features

  1. User-friendly Interface: Simple and intuitive interface for effortless website snapshot capture.
  2. URL Input: Users can provide the URL of the website they want to capture.
  3. Device Selection: Choose between mobile and desktop views for the snapshot.
  4. Snapshot Generation: WebSnap fetches the snapshot of the specified website and provides it as a preview image.
  5. Download Capability: Users can download the captured snapshot image with a single click.

Getting Started

To run WebSnap locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/your-username/websnap.git
  2. Navigate to the project directory:

cd websnap
  1. Install dependencies
npm install
# or
yarn install
  1. Start the development server
npm run dev
# or
yarn dev
  1. Open the app on your browser: http://localhost:3000

Technology Used

  • React JS
  • Next JS
  • Puppeteer
  • Tailwind CSS