https://github.com/arnaiz23/discord-clone-layout

Discord clone layout
https://github.com/arnaiz23/discord-clone-layout

css discord-clone html javascript

Last synced: about 2 months ago
JSON representation

Discord clone layout

• Host: GitHub
• URL: https://github.com/arnaiz23/discord-clone-layout
• Owner: Arnaiz23
• Created: 2023-08-17T20:34:56.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-09-20T22:42:58.000Z (over 1 year ago)
• Last Synced: 2023-09-21T07:28:47.250Z (over 1 year ago)
• Topics: css, discord-clone, html, javascript
• Language: CSS
• Homepage: https://discord-arnaizdev.netlify.app
• Size: 1.88 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Discord clone layout

Repositorie where I create the discord layout with HTML, CSS and JS. 

**Url**: https://discord-arnaizdev.netlify.app

## Previews

### Nav

![Discord layout nav preview](./previews-gh/discord-layout-nav.png)

### Messages

![Discord layout messages preview](./previews-gh/discord-layout-messages.png)

### Header

![Discord layout header preview](./previews-gh/discord-layout-header.png)

### Main & aside

![Discord layout main aside preview](./previews-gh/discord-layout-main-aside.png)

 

### Inbox modal

![Discord layout inbox modal preview](./previews-gh/discord-layout-inbox-modal.png)

### MD modal

![Discord layout md modal preview](./previews-gh/discord-layout-md-modal.png)

### Responsive

![Discord layout responsive preview](./previews-gh/discord-layout-responsive.png)

## Missing

* [ ] footer messages icons silent

* [x] footer messages hover

* [x] chat user messages

* [x] header

* [x] main

* [x] aside

* [x] md submenu

* [x] inbox submenu

* [x] navbar server hover left

* [x] messages create md hover

* [x] Responsive

* [x] Checkbox style

* [x] Deploy and add to the portfolio