Update local development configuration (#30)

* Fix port conflicts by changing Rails to 3001 and webpack to 3036
* Update Procfile.dev to use port 3001
* Update README_LOCAL_SETUP.md with foreman and separate terminal options
* Document both servers are required for development

Procfile.dev

@@ -1,2 +1,2 @@
-web: PORT=3000 bundle exec rails s -p 3000
+web: PORT=3001 bundle exec rails s -p 3001
 webpacker: bundle exec ./bin/shakapacker-dev-server

README_LOCAL_SETUP.md

@@ -96,6 +96,14 @@ yarn install
 
 ### 6. Start the Development Servers
 
+**Option 1: Using Foreman (recommended)**
+```bash
+foreman start -f Procfile.dev
+```
+This starts both Rails server (port 3001) and Webpack dev server (port 3036) together.
+
+**Option 2: Separate terminals**
+
 In separate terminal windows:
 
 ```bash
@@ -106,6 +114,8 @@ PORT=3001 bundle exec rails s -p 3001
 bundle exec ./bin/shakapacker-dev-server
 ```
 
+**Important**: Both servers are required - Rails serves the backend while Webpack compiles JavaScript/CSS assets including Vue.js components.
+
 ### 7. Access the Application
 
 Open your browser and navigate to:

config/shakapacker.yml

@@ -21,7 +21,7 @@ development:
   dev_server:
     server: 'http'
     host: localhost
-    port: 3035
+    port: 3036
     hmr: false
     inline_css: true
     live_reload: false