https://github.com/clementmadiot/social_media_dashboard_dark-light-toggle_javascript

https://github.com/clementmadiot/social_media_dashboard_dark-light-toggle_javascript

Last synced: 12 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/clementmadiot/social_media_dashboard_dark-light-toggle_javascript
• Owner: ClementMadiot
• Created: 2024-04-19T08:52:09.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-05-07T08:13:01.000Z (8 months ago)
• Last Synced: 2024-05-08T08:49:34.966Z (8 months ago)
• Language: HTML
• Size: 782 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Frontend Mentor - Social media dashboard with theme switcher

## To install the project

I used the Framework gulp for this project.

More information to install it below

## Toggle fonctionality

In this project, you can change the mode on the web page to dark on light, it's save your choice to the next reload.

If you change in your parameter windows (Personalisation / Color) the theme Dark or Light, it will automatically change on the web page

## Info Image

### Format desktop

[!Mode Light](images/Macbook%20Pro-1715067535510.jpg)

[!Mode Dark](images/Macbook%20Pro-1715067558048.jpg)

### Format tablet

[!Mode Light](images/Galaxy%20Tab%20S4-1715067529951.jpg)

### Format mobile

[!Mode Light](images/iPhone%2012%20Pro-1715067533784.jpeg)

### Installation

Install Gulp with the command 'git gulp'

All the installation I made

- gulp-babel

- gulp-postcss

- gulp-sass

- autoprefixer

- @babel/core

- @babel/preset-env

- postcss

- dart-sass

- cssnano

- browser-sync

### Verification check by W3C 👍