https://github.com/lupemorales/catch-the-penguin

Juego interactivo creado con VanillaJS y CSS puro
https://github.com/lupemorales/catch-the-penguin

Last synced: about 4 hours ago
JSON representation

Juego interactivo creado con VanillaJS y CSS puro

• Host: GitHub
• URL: https://github.com/lupemorales/catch-the-penguin
• Owner: lupeMorales
• Created: 2022-07-20T10:04:01.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-10T22:01:04.000Z (about 2 years ago)
• Last Synced: 2023-03-10T18:28:29.968Z (over 1 year ago)
• Language: CSS
• Homepage: https://lupemorales.github.io/catch-the-penguin/
• Size: 11.7 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Catch the Penguin :penguin:  |      Demo  | 

    

   

   

  > **Note**

> Continúa en fase de desarrollo

                   

Bienvenidos a CATCH THE PENGUIN, un juego interactivo para niños creado integramente con **VanillaJS** y **CSS puro**.

La dinámica es muy sencilla, consiste en atrapar el mayor número posible de pingüinos en un tiempo determinado. Por cada pingüino un punto!

Tus 3 mejores puntaciones quedan registradas en el **local storage** y se muestran al final de la partida.

Catch the Penguin nace con el proposito de ir creciento a medida que yo también lo vaya haciendo como desarrolladora, por lo que mi deseo es que siga en continua evolución.

## Objetivo personal

La motivación que me ha llevado a crear  Catch The Penguin es practicar con **animaciones** y **transiciones** en CSS, dibujar en CSS y poner en práctica lo que iba aprendiendo sobre **JavaScript** en el bootcamp de[ Desarrollo Web de Adalab](https://adalab.es/bootcamp-programacion/): **asincronía**, local storage, manipulación de los elementos del **DOM**.....

### Algunas vistas del juego

  

![Mobile](./assets/view3.png)

![Mobile](./assets/view2.png)

![gif](./assets/video.gif)

## Recursos:

Aquí os dejo algunos recursos en los que me he apoyado:





- Single Div Drawings with CSS 





- Wenting Zhang - Make CSS your secret super drawing tool





## Lenguajes y Herramientas

            


## Contacto

Puedes encontrarme en [![Linkedin](https://i.stack.imgur.com/gVE0j.png) ](https://www.linkedin.com/in/lupe-morales/)