Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/francojnieva/challenge-whatsapp-fake
Desafío propuesto por Rolling Code School que consta en desarrollar la pantalla de inicio de WhatsApp Web con HTML5 Y CSS3 vanilla
https://github.com/francojnieva/challenge-whatsapp-fake
css3 html5 visual-studio-code
Last synced: about 1 month ago
JSON representation
Desafío propuesto por Rolling Code School que consta en desarrollar la pantalla de inicio de WhatsApp Web con HTML5 Y CSS3 vanilla
- Host: GitHub
- URL: https://github.com/francojnieva/challenge-whatsapp-fake
- Owner: francojnieva
- Created: 2024-04-24T18:54:14.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-04-29T16:37:02.000Z (9 months ago)
- Last Synced: 2024-11-07T09:29:45.714Z (3 months ago)
- Topics: css3, html5, visual-studio-code
- Language: HTML
- Homepage: https://whatsapp-fake.vercel.app/
- Size: 566 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Challenge WhatsApp Fake
Este proyecto es una réplica de la página de inicio de WhatsApp Web, desarrollado con HTML5 y CSS3 vanilla. Surgió como un desafío propuesto por Rolling Code School con el propósito de practicar habilidades en el diseño web de manera pura, sin el uso de bibliotecas o frameworks.
[![Dise-o-sin-t-tulo-1.png](https://i.postimg.cc/283LS8qL/Dise-o-sin-t-tulo-1.png)](https://postimg.cc/3d5xLhF3)
Si bien no era necesario que sea responsiva, quise ir más allá, haciendo que la página fuera completamente adaptable, permitiendo que se visualice correctamente en pantallas de escritorio, móviles y tablets, manteniendo el diseño original de WhatsApp.
## Tecnologías utilizadas
![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white) ![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white) ![Visual Studio Code](https://img.shields.io/badge/Visual_Studio_Code-007ACC?style=for-the-badge&logo=visual-studio-code&logoColor=white)### Ver proyecto
Puedes verlo haciendo clic [aquí](https://whatsapp-fake.vercel.app/).