webapis playground

? Web Apis Playground

O Web APIs Playground é um projeto para mostrar as APIs da Web JavaScript com exemplos e demonstrações. O JavaScript APIs do lado do cliente fornece funções de wrapper para muitas tarefas de baixo nível, como, como,

• Interações de hardware do dispositivo
• Interações de armazenamento do lado do cliente
• Gráficos 3D, Webgl
• Notificações
• Áudio, vídeo
• E muitos, muitos mais.

Siga este link para saber sobre diferentes APIs da Web e seus usos.

O aplicativo

https://webapis-playground.vercel.app

Visão e missão deste playground

A missão principal é fornecer exemplos de trabalho das APIs da Web JavaScript com uma demonstração simples que pode ser acessada usando navegadores em diferentes dispositivos. Pode ajudar muitos iniciantes a esse tópico a entender como codificar e usar as APIs da Web.

Como adicionar uma nova demonstração?

Aqui está um guia passo a passo para ajudá-lo a adicionar uma nova demonstração.

⚒️ É desenvolvido usando o próximo.js

Este projeto foi desenvolvido usando Next.js Se você implementou um projeto semelhante usando JavaScript ou qualquer outra estrutura como React , Angular , Vue , crie um problema para incluí -las no ReadMe.

? Quer motivar?

Quem não precisa de motivação? Por favor, dê ao projeto uma estrela () e/ou compartilhe -o em seu círculo de desenvolvimento.

Muito obrigado a todos os Stargazers que apoiaram este projeto com estrelas ()

? ‍♀️ Como executar o projeto localmente

Para executar o projeto localmente,

• Por favor, clone.
• Navegue até o diretório do projeto.
• Instalar dependências
• Use o nó 16.xx ou o comutador de versão do nó

npm install
# Or
yarn install

• Execute o aplicativo localmente

npm run dev
# Or
yarn dev

• Abra o navegador e navegue para http://localhost:3000

O que está incluído?

Até agora, inclui os seguintes exemplos:

1. API do sistema de arquivos
2. API em tela cheia
3. ? API da área de transferência
4. ? Transmissão
5. ? Captura de imagem
6. ? Informações da rede
7. ? Redimensione o observador
8. ? Solicitação de pagamento
9. ? API de vibração
10. ? API da bateria
11. ? Arraste e solte
12. ⚓ API de geolocalização
13. ? ️ Imagem na imagem
14. Captura de tela
15. ✍️ CSS Font Carregando
16. ? Aste API de fala da web
17. ? API de tela
18. ? API de captura de ponteiro
19. URL API
20. ? Sustct API
21. ? API de visibilidade da página
22. Webrtc

? Código aberto

Este projeto é de código aberto e aberto para contribuições. Se você estiver procurando por quaisquer exemplos e demonstrações que estão faltando, abra um problema daqui. Você também pode contribuir para o código -fonte adicionando um exemplo, melhorando o código e fornecendo sugestões.

? Contribuindo para playground

Qualquer tipo de contribuição positiva é bem -vinda! Ajude -nos a crescer contribuindo para o projeto.

Se você deseja contribuir, pode trabalhar em qualquer problema listado aqui ou criar um por conta própria. Depois de adicionar seu código, envie -nos uma solicitação de tração.

Leia CONTRIBUTING para obter detalhes sobre nosso CODE OF CONDUCT e o processo para enviar solicitações de puxar para nós.

Apoiar

Todos nós precisamos de apoio e motivação. WebAPIs Playground não é uma exceção. Por favor, dê a este projeto um ️ para incentivar e mostrar que você gostou.

Se você achou o aplicativo útil, considere nos apoiar com um café.

Colaboradores

Obrigado a essas pessoas maravilhosas (key emoji):

Programação máxima	Tapas adhikary	NITESH SERAM ️️️️♿️?	Sameer Waskar	Omri Attiya	Yash Raj	Rehan Sattar ?
Muhammad Ahsan Ayaz	Koustov ?	Aanchal	Abhishek Khatri	Avneesh Agarwal	Kunal Singh	Rosie Z.
Matheus Verissimo	Abiola	Emitir	Tyler Morales	Chosunosu ?	Šime vidas ?	Vaibhav Agrawal
Bharati Subramanian ?	Sukhseerat Kaur ?	Richard Nikolas	Varun	Supriya m	Williams Samuel	Geovana S. Ribeiro

Este projeto segue a especificação de todos os contribuintes. Contribuições de qualquer tipo de boas -vindas!