https://github.com/faridleo1998/social-media_dashboard

Sitio realizado con HTML, SASS y JavaScript. Cuenta con un botón para alternar entre el modo claro y el modo oscuro.
https://github.com/faridleo1998/social-media_dashboard

css3 dark-mode frontend-mentor html5 javascript mobile-first responsive-web-design sass

Last synced: about 2 months ago
JSON representation

Sitio realizado con HTML, SASS y JavaScript. Cuenta con un botón para alternar entre el modo claro y el modo oscuro.

• Host: GitHub
• URL: https://github.com/faridleo1998/social-media_dashboard
• Owner: Faridleo1998
• Created: 2021-04-19T15:13:47.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-04-21T02:30:26.000Z (almost 4 years ago)
• Last Synced: 2023-06-09T18:24:04.599Z (over 1 year ago)
• Topics: css3, dark-mode, frontend-mentor, html5, javascript, mobile-first, responsive-web-design, sass
• Language: SCSS
• Homepage: https://faridleo1998.github.io/Social-Media_Dashboard/
• Size: 95.7 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Social Media Dashboard

![Design preview for the Loopstudios landing page coding challenge](./design/desktop-preview.jpg)

## Bienvenido! 👋

Este proyecto es la solución al reto [Social media dashboard with theme switcher](https://www.frontendmentor.io/challenges/social-media-dashboard-with-theme-switcher-6oY8ozp_H) publicado por Frontend Mentor, con el fin de mostrar mis habilidades como Desarrollador Web.

Sí deseas realizar este reto te invito a que descargues los archivos del proyecto de forma totalmente gratuita dando [Clic aquí](https://www.frontendmentor.io).

## Características 📄

-   Sitio realizado con la metodología "Mobile First".

-   Sitio adaptable a diferentes tamaños de pantalla (responsive web design).

-   Los estilos están definidos en archivos .scss que posteriormente son compilados a css por medio de la herramienta [Koala App](http://koala-app.com/).

-   Aplicación de la metodología BEM (Block, Element, Modifier).

-   Sitio con modo oscuro, el cuál responde al tema por defecto del sistema y a su vez almacena la elección del usuario.

![](./images/performance.PNG)

## Despliegue 📦

Te invito a conocer el sitio desplegado en las siguiente plataforma:

-   Github Pages: https://faridleo1998.github.io/Social-Media_Dashboard/

## Construido con 🛠️

Para la creación del sitio se usaron las siguientes tecnologías y herramientas:

-   Tecnologías:

      

      

      

      

-   Herramientas (Gratis):

    -   [Visual Studio Code](https://code.visualstudio.com/) --> Editor de texto.

    -   [Koala App](http://koala-app.com/) --> Compilador de sass a css.

    -   [Responsively App](https://responsively.app/) --> Visualizar el sitio en distintos tamaños de pantalla.

    

## Autor (es) ✒️

Este sitio fue realizado por:

-   **Farid Moreno** - [Faridleo1998](https://github.com/Faridleo1998)

## Agradecimientos 🎁

-   Gracias por visitar mi proyecto, es para mi un honor compartir y demostrar mis habilidades con otras personas.🤓