Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/PragatiVerma18/Snappify

A Screenshot app with Screenshot API and React js, that create screenshots of websites with the help of the URL that we will paste to the Input field.
https://github.com/PragatiVerma18/Snappify

react reactjs screenshot screenshot-generator

Last synced: 9 days ago
JSON representation

A Screenshot app with Screenshot API and React js, that create screenshots of websites with the help of the URL that we will paste to the Input field.

Awesome Lists containing this project

README

        

# Snappify

A Screenshot app with Screenshot API and React js, that create screenshots of websites with the help of the URL that we will paste to the Input field.

> See live Demo here: [https://snappify.netlify.app/](https://snappify.netlify.app/)

> Chat with us at [Gitter](https://gitter.im/Snappify-React/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)

[![Gitter](https://badges.gitter.im/Snappify-React/community.svg)](https://gitter.im/Snappify-React/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)

![landing page](https://user-images.githubusercontent.com/42115530/100419728-1b454f00-30ab-11eb-885f-cd285905bafa.png)

## Tech Stack

- **Frontend:** React JS/HTML/CSS/Bootstrap
- **API**: [Screenshot API](https://screenshotapi.net/)

## Get Started

- Fork and Clone the Repo

```
git clone https://github.com/PragatiVerma18/Snappify.git
```

- Install Dependencies

```
cd Snappify
npm install
```

- Get your own API token from [Screenshot API](https://screenshotapi.net/) and insert it inside `.env` under the variable name `REACT_APP_API_TOKEN`.
``` bash
echo REACT_APP_API_TOKEN=your-token-here > .env
```

- Run Server

```
npm start
```

## 💼 Code of Conduct

We want to facilitate a healthy and constructive community behavior by adopting and enforcing our code of conduct.
Please adhere toward our [Code-of-Conduct](Code-of-Conduct.md).

## Open Source Contests

- ### NWoC NJACK WINTER OF CODE

[NWoC (NJACK Winter of Code)](https://njackwinterofcode.github.io/) is a program by NJACK (The Official Computer Science Club of IIT Patna) that helps students understand the paradigm of Open Source contribution and gives them real world software development experience.

> **NOTE:** All the contributions to be counted under NWoC should be made to the `nwoc` branch.


nwoc

## Project Admin

[![Issues](https://img.shields.io/github/issues/PragatiVerma18/Snappify)](https://github.com/PragatiVerma18) [![Maintenance](https://img.shields.io/maintenance/yes/2020?color=green&logo=github)](https://github.com/PragatiVerma18) [![Gitter](https://badges.gitter.im/Snappify-React/community.svg)](https://gitter.im/Snappify-React/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)

| |
| :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
| **[Pragati Verma](https://www.linkedin.com/in/PragatiVerma18/)** |
| |

> **_Need help?_** > **_Feel free to contact me @ [[email protected]](mailto:[email protected]?Subject=SnippetShareProject)_**

[![GitHub followers](https://img.shields.io/github/followers/pragativerma18.svg?label=Follow%20@pragativerma18&style=social)](https://github.com/PragatiVerma18/) [![Twitter Follow](https://img.shields.io/twitter/follow/pragati_verma18?style=social)](https://twitter.com/pragati_verma18)

#### Thanks goes to our valuable Contributors :


> Made By Pragati Verma with ❤️

> Pragati Verma © 2020
>


> [![ForTheBadge built-with-love](http://ForTheBadge.com/images/badges/built-with-love.svg)](https://github.com/PragatiVerma18/)
> [![ForTheBadge built-by-developers](http://ForTheBadge.com/images/badges/built-by-developers.svg)](https://github.com/PragatiVerma18/)

---