Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/PragatiVerma18/Snappify
- Owner: PragatiVerma18
- Created: 2020-08-18T10:47:50.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T00:35:37.000Z (almost 2 years ago)
- Last Synced: 2024-08-01T13:34:45.501Z (3 months ago)
- Topics: react, reactjs, screenshot, screenshot-generator
- Language: JavaScript
- Homepage: https://snappify.netlify.app/
- Size: 3.22 MB
- Stars: 9
- Watchers: 2
- Forks: 14
- Open Issues: 24
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Code of conduct: Code-of-Conduct.md
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.
## 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/)---