https://github.com/adsonnovaes/social-media-dashboard

Reunindo todas as informações das redes sociais em uma única página, uma aplicação totalmente responsiva e adaptável ao seu dispositivo.
https://github.com/adsonnovaes/social-media-dashboard

css-grid dark-mode mobile-first react sass typescript

Last synced: about 1 year ago
JSON representation

Reunindo todas as informações das redes sociais em uma única página, uma aplicação totalmente responsiva e adaptável ao seu dispositivo.

• Host: GitHub
• URL: https://github.com/adsonnovaes/social-media-dashboard
• Owner: adsonnovaes
• Created: 2022-02-08T02:16:06.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-02-08T02:17:51.000Z (over 4 years ago)
• Last Synced: 2025-03-25T11:49:20.794Z (about 1 year ago)
• Topics: css-grid, dark-mode, mobile-first, react, sass, typescript
• Language: TypeScript
• Homepage: social-media-dashboard-phi-nine.vercel.app
• Size: 354 KB
• Stars: 5
• 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 solution

Essa é a solução do [Social media dashboard with theme switcher challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/social-media-dashboard-with-theme-switcher-6oY8ozp_H). 



## 🛠️ Features 

- Visualize o layout ideal para o site, dependendo do tamanho da tela do dispositivo.

- Veja os estados de foco para todos os elementos interativos na página.

- Alterne o tema de cores para sua preferência.

## ⚙️ Tecnologias

-   React

-   Typescript

-   Sass

- Flexbox

- CSS Grid

- Mobile-first workflow 

## 🚀 Executando o projeto

Clone the project and access the folder.

```bash

$ git clone https://github.com/adsonnovaes/social-media-dashboard.git

$ cd social-media-dashboard

```

Follow the steps below:

```bash

# Install the dependencies

$ yarn

# Start the project

$ yarn start

```

The app will be available for access on your browser at http://localhost:3000






  Desenvolvido por Adson da silva Novaes - Fevereiro/2022


  [![Instagram Badge](https://img.shields.io/badge/-Adson_Novaes-6633cc?style=flat-square&labelColor=6633cc&logo=instagram&logoColor=white&link=https://www.instagram.com/adson_novaes/)](https://www.instagram.com/adson_novaes/) 

  [![Linkedin Badge](https://img.shields.io/badge/-Adson_da_Silva_Novaes-6633cc?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/adson-novaes-99babb205/)](https://www.linkedin.com/in/adson-novaes-99babb205/)