Skip to content

Commit

Permalink
update: refactor ui closer to discord
Browse files Browse the repository at this point in the history
  • Loading branch information
codediodeio committed Oct 19, 2021
1 parent 29e1336 commit e1d49c7
Show file tree
Hide file tree
Showing 9 changed files with 136 additions and 21,909 deletions.
29 changes: 3 additions & 26 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
## Tailwind CSS Dashboard
## Discord-Inspired Dashboard with Tailwind CSS

[![Netlify Status](https://api.netlify.com/api/v1/badges/e5670c2e-7a9f-4be2-955b-6bf8608ddc62/deploy-status)](https://app.netlify.com/sites/tailwind-dashboard-demo/deploys)

[Live demo](https://tailwind-dashboard-demo.netlify.app/)
- Watch the [Tailwind Basics Tutorial]() on YouTube
- [Live demo](https://tailwind-dashboard-demo.netlify.app/)

#### Dark mode

Expand All @@ -11,27 +12,3 @@
#### Light mode

![Screen Shot 2021-09-25 at 1 14 08 AM](https://user-images.githubusercontent.com/58617435/134759333-5bdfff21-4269-4ab5-a6e3-6c690fb8fdd8.png)

### Goal

Design a dashboard with Tailwind that’s loosely inspired by Discord

#### Requirements

- √ Create a dashboard similar to “Card layout with sidebar” https://tailwindui.com/components/application-ui/page-examples/home-screens

- √ But try to make it look more like Discord, like the icon sidebar.

- √ Use create-react-app

- √ Use tailwind JIT

- ⌛️ Must be responsive (just large/small layouts)

- √ Must have light/dark mode.

- √ Create components for anything reusable, i.e

```jsx
<Button color=”purple” >
```
Loading

0 comments on commit e1d49c7

Please sign in to comment.