https://github.com/jlozovei/viewport

Get nice info about your current viewport. :desktop_computer:
https://github.com/jlozovei/viewport

viewport viewport-dimensions

Last synced: about 2 months ago
JSON representation

Get nice info about your current viewport. :desktop_computer:

• Host: GitHub
• URL: https://github.com/jlozovei/viewport
• Owner: jlozovei
• License: mit
• Created: 2021-01-03T18:53:29.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2024-01-04T00:49:55.000Z (12 months ago)
• Last Synced: 2024-04-13T17:08:35.174Z (9 months ago)
• Topics: viewport, viewport-dimensions
• Language: Svelte
• Homepage: https://myviewport.com
• Size: 477 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# What is my viewport?

A nice tool to discover some useful information about your current viewport, browser and OS. :tada:  

Available at [myviewport.com](https://myviewport.com) :globe_with_meridians:

## :gem: Stack

Built with [Svelte](https://svelte.dev/), it uses the global `window`, `navigator`, `screen`, `localStorage`, `sessionStorage` and `document.cookie` objects in order to retrieve information about the current user's viewport.

The CSS is self-made, no framework; it also uses GitHub Actions as the CI/CD and GitHub Pages as the host, with a custom domain provided by Google Domains.

To get more acurate information about the OS it uses the [`bowser`](https://www.npmjs.com/package/bowser) package - which parses the `userAgent` string and returns an object with nice info.

## :pencil: Contributing 

You can contribute to this project following the steps below:

- Fork the repo

- Create a new branch

- Do the work

- Fill a PR, assign it to you and, if possible, write a cool description

- Wait for the review

Also, take a look at the [contributing guide](https://github.com/jlozovei/viewport/blob/master/.github/CONTRIBUTING.md)!

## :computer: Developing

After forking and cloning the project in your local environment, run the following commands:

```bash

# install dependencies

npm i

# or yarn

# run the project at localhost:5000

npm run dev

# or yarn dev

# run the tests

npm run test

# or yarn test

```

## :closed_lock_with_key: License

Licensed under the [MIT License](https://github.com/jlozovei/viewport/blob/master/LICENSE).