New npm run dev script and updated README to include PH badge.

README.md

@@ -7,6 +7,8 @@
   <img src="https://img.shields.io/github/license/mystpi/ninetails?style=for-the-badge">
   <img src="https://img.shields.io/github/languages/top/mystpi/ninetails?color=yellow&style=for-the-badge">
   <img src="https://img.shields.io/github/downloads/mystpi/ninetails/total?style=for-the-badge">
+  <br>
+  <a href="https://www.producthunt.com/posts/ninetails?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-ninetails" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=322567&theme=light" alt="Ninetails - A private, fast, and beautiful web browser | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
 </p>
 
 ## Development
@@ -19,11 +21,8 @@ cd ninetails
 npm install
 
 # Start the app
-npm start
-
-# Before making changes involving Tailwind CSS, you should run
-npm run tailwind
-# to make Tailwind watch for changes
+npm run dev
+# This runs `npm start` and `npm run tailwind` concurrently
 ```
 
 ## Building the app

package.json

@@ -10,6 +10,7 @@
     "make": "electron-forge make",
     "publish": "electron-forge publish",
     "lint": "echo \"No linting configured\"",
+    "dev": "concurrently -k npm:start npm:tailwind",
     "tailwind": "npx tailwindcss -i ./src/index.css -o ./src/tailwind.css --minify --watch"
   },
   "keywords": [],
@@ -60,6 +61,7 @@
     "@electron-forge/maker-rpm": "^6.0.0-beta.61",
     "@electron-forge/maker-squirrel": "^6.0.0-beta.61",
     "@electron-forge/maker-zip": "^6.0.0-beta.61",
+    "concurrently": "^6.4.0",
     "electron": "16.0.0",
     "electron-reloader": "^1.2.1",
     "tailwindcss": "^3.0.0"