https://github.com/gustavo-p0/sidebar-discover

O projeto Sidebar faz parte de uma série de desafios da trilha Discover da Rocketseat.
https://github.com/gustavo-p0/sidebar-discover

css html javascript rocketseat rocketseat-discover ui-clone

Last synced: about 1 month ago
JSON representation

O projeto Sidebar faz parte de uma série de desafios da trilha Discover da Rocketseat.

• Host: GitHub
• URL: https://github.com/gustavo-p0/sidebar-discover
• Owner: gustavo-p0
• License: mit
• Created: 2023-03-30T14:09:33.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-30T14:17:56.000Z (almost 2 years ago)
• Last Synced: 2024-11-11T21:19:01.307Z (3 months ago)
• Topics: css, html, javascript, rocketseat, rocketseat-discover, ui-clone
• Language: CSS
• Homepage: https://gustavo-p0.github.io/sidebar-discover/
• Size: 135 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Sidebar

![sidebar](https://user-images.githubusercontent.com/83771792/228865171-aac3c170-0bba-4994-bf58-c2bc912712a1.jpg)

**[Clique aqui](https://efficient-sloth-d85.notion.site/Desafio-Sidebar-f2251eb4976941eb958326ea327ffeb9)** para ver a página de instruções do desafio original.

## 💻 Sobre o desafio

Neste desafio foi proposto criar uma página com uma sidebar como na imagem acima. Quando o usuário clicar no ícone do menu isso deve fazer com que o estado da sidebar mude entre "aberto", mostrando ícones e texto e "fechado", mostrando apenas os ícones, de acordo com o **[layout do projeto](https://www.figma.com/file/iOuqAlZvhAMkkfjCMFyc7Y/DD-%2F-Sidebar-Responsiva/duplicate) disponível no figma**. O desafio está dividido em três partes, estruturação do HTML com o conteúdo, estilização da página com o CSS e interatividade com JavaScript. Além disso foi adicionado **responsividade**.

## 👁️ Live Preview

Confira o link na **descrição** deste repositório.

## 📚 Tecnologias

- HTML

- CSS

- JavaScript

## ⚙️ Instalação

Na aba code você pode fazer o download do zip ou clonar este repositório para a sua máquina.

## 📄 Licença

Este projeto está licenciado pela MIT License.