update read me

spsitherTCRC · Oct 23, 2020 · 14537f1 · 14537f1
1 parent fca96ca
commit 14537f1
Show file tree

Hide file tree

Showing 2 changed files with 73 additions and 14 deletions.
diff --git a/README.md b/README.md
@@ -2,14 +2,78 @@ JAKARTA LTE
 ============================
 Free Admin Templates & Rich UI Components by Tailwind CSS
 
+## Demo
+https://zeroblack-c.github.io/jakarta-lte/
+
 
 ## Developemnt Guide
-1. Install NPM Package
-    - ```npm install```
 
-2. Run dev mode
-    - ```npm run dev```
+Clone repository
+```bash
+git clone https://github.com/zeroblack-c/jakarta-lte
+```
+
+Install package npm
+```bash
+npm install
+```
+
+For development
+```bash
+npm run dev
+```
+
+For production
+```bash
+npm run build
+```
+
 
-3. Build
-    - ```npm run build```
+## TODO
+- UI Component
+    - [ ] Card
+    - [ ] Button
+    - [ ] Form
+    - [ ] Dropdown
+    - [ ] Icons
+    - [ ] Maps
+    - [X] Chart
+    - [ ] Table
+    - [ ] Calendar
+    - [ ] List
+    - [ ] Navbar
+    - [ ] Slider
+    - [ ] Carousel
+    - [ ] Tabs
+    - [ ] Toast
+    - [ ] Spinner
+    - [ ] Progressbar
+    - [ ] Breadcrumb
+    - [ ] Avatar
+    - [ ] ...
+- Page
+    - [ ]  Login
+    - [ ]  Register
+    - [ ]  Blank
+    - [ ]  User profile
+    - [ ]  User settings
+    - [ ]  Gallery
+    - [ ]  Blog
+    - [ ]  Invoice
+    - [ ]  Timeline
+    - [ ]  Pricing card
+    - [ ]  Marketing
+    - [ ]  Email
+    - [ ]  Chating
+    - [ ]  Social Network
+    - [ ]  ...
+- Layout
+    - [ ] Right Vertical
+    - [ ] Right Vertical fluid
+    - [X] Horizontal 
+    - [ ] Horizontal Fluid
+    - [ ] ...
 
+Coming soon
+- Vue Version
+- React Version
diff --git a/index.html b/index.html
@@ -15,7 +15,6 @@
 
     <!-- Apexchart plugins js -->
     <script src="./dist/libs/apexcharts/apexcharts.min.js"></script>
-
   </head>
   <body class="bg-gray-100">
     <nav class="bg-white border-b border-gray-400">
@@ -258,14 +257,10 @@ <h1 class="text-2xl font-medium inline">1875</h1>
                   <div class="text-gray-700">Sales Product Categories</div>
                 </div>
                 <div>
-                  <button
-                    class="py-1 px-4 rounded text-sm text-green-600 border border-green-600"
-                  >
+                  <a class="py-1 px-4 rounded text-gray-700">
                     Last 60 days
-                    <i
-                      class="inline-flex items-center bx bx-chevron-down ml-1"
-                    ></i>
-                  </button>
+                    <i class="bx bx-chevron-down ml-1"></i>
+                  </a>
                 </div>
               </div>
               <div id="chart-bar" class="flex-auto"></div>