webapis playground

? Plaqueo de API web

Web APIs Playground es un proyecto para mostrar las API web de JavaScript con ejemplos y demostraciones. Las API JavaScript del lado del cliente proporcionan funciones de envoltura para muchas tareas de bajo nivel como, como,

• Interacciones de hardware del dispositivo
• Interacciones de almacenamiento del lado del cliente
• Gráficos 3D, webgl
• Notificaciones
• Audio, video
• Y muchos, muchos más.

Siga este enlace para conocer las diferentes API web y sus usos.

La aplicación

https://webapis-playground.vercel.app

Visión y misión de este patio de recreo

La misión principal es proporcionar ejemplos de trabajo de las API web de JavaScript con una demostración simple a la que se puede acceder utilizando navegadores en diferentes dispositivos. Puede ayudar a muchos principiantes a este tema a comprender cómo codificar y usar las API web.

¿Cómo agregar una nueva demostración?

Aquí hay una guía paso a paso para ayudarlo a agregar una nueva demostración.

⚒️ Se desarrolla usando Next.js

Este proyecto se desarrolla utilizando Next.js Si ha implementado un proyecto similar usando JavaScript o cualquier otro marcado como React , Angular , Vue , cree un problema para incluirlos en el ReadMe.

? ¿Quieres motivar?

¿Quién no necesita motivación? Por favor, déle al proyecto una estrella () y/o compartirlo en su círculo de desarrollo.

Muchas gracias a todos los Stargazers que han apoyado este proyecto con Stars ()

? ‍♀️ cómo ejecutar el proyecto localmente

Para ejecutar el proyecto localmente,

• Por favor clonarlo.
• Explore al directorio del proyecto.
• Instalar dependencias
• Usar el nodo 16.xx o conmutador de versión de nodo

npm install
# Or
yarn install

• Ejecute la aplicación localmente

npm run dev
# Or
yarn dev

• Abra el navegador y navegue a http://localhost:3000

¿Qué está incluido?

Hasta ahora, incluye los siguientes ejemplos:

1. API del sistema de archivos
2. API de pantalla completa
3. ? API de portapapeles
4. ? Transmisión
5. ? Captura de imágenes
6. ? Información de red
7. ? Cambiar de tamaño
8. ? Solicitud de pago
9. ? API de vibración
10. ? API de batería
11. ? Arrastrar y soltar
12. ⚓ API de geolocalización
13. ? ️ Imagen en la imagen
14. Captura de pantalla
15. ✍️ CSS FUENT Carga
16. ? ️ API del discurso web
17. ? API de lona
18. ? API de captura de puntero
19. API de URL
20. ? ️ API de selección
21. ? API de visibilidad de la página
22. Webrtc

? Código abierto

Este proyecto es de código abierto y abierto para contribuciones. Si está buscando ejemplos y demostraciones que falten, abra un problema desde aquí. También puede contribuir al código fuente agregando un ejemplo, mejorando el código y proporcionando sugerencias.

? Contribuyendo al playground

¡Cualquier tipo de contribución positiva es bienvenida! Ayúdanos a crecer contribuyendo al proyecto.

Si desea contribuir, puede trabajar en cualquier problema enumerado aquí o crear uno por su cuenta. Después de agregar su código, envíenos una solicitud de extracción.

Lea CONTRIBUTING para obtener detalles sobre nuestro CODE OF CONDUCT y el proceso para enviarnos solicitudes de extracción.

Apoyo

Todos necesitamos apoyo y motivación. WebAPIs Playground no es una excepción. Por favor, le dé a este proyecto un ️ para alentar y demostrar que le gustó.

Si encontró útil la aplicación, considere apoyarnos con un café.

Colaboradores

Gracias a estas maravillosas personas (Key Emoji):

Programación máxima	Tapas Adhikary	Nitesh Seram ️️ comenzó a ser?	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 subramaniano ?	Sukhseerat Kaur ?	Richard Nikolas	Vecina	Supriya m	Williams Samuel	Geovana S. Ribeiro

Este proyecto sigue la especificación de todos los contribuyentes. ¡Contribuciones de cualquier tipo bienvenido!