Set port details on npm run start

[Bijit-Mondal]

Summary of change

We can define the ports that the npm run start command will use, default is 3001 for backend and 3000 for frontend.
We can specify a custom port when running your application:

Related Issue-

#108

Checklist for important updates

• Had run npm run build-pretty
• Had installed and ran the pre-commit
• react custom port PORT=8000 REACT_APP_API_PORT=8080 bun run start
• vue custom port VITE_APP_PORT=8082 VITE_API_PORT=8000 bun run start
• angular custom port
• express custom port
• nest JS custom port
• flask custom port
• drf custom port
• fastapi custom port
• go custom port
• next JS custom port NEXT_PUBLIC_PORT=5167 bun run dev -- --port="5167"
• remix custom port VITE_PORT=5167 bun run dev
• sveltekit custom port VITE_PORT=9192 bun run dev
• astro custom port PUBLIC_PORT=5167 bun run dev

[rishabhpoddar]

@Bijit-Mondal this requires changes to all the boilerplate code and the configs in the appInfo on the FE and BE for them. Unfortunately i can't merge this PR unless it's fully completed.

[Bijit-Mondal]

@rishabhpoddar okay making changes on all boilerplate code.

[Bijit-Mondal]

@rishabhpoddar please review this PR.

[rishabhpoddar]

hey @Bijit-Mondal thanks for this PR. Given the size of it though, im not sure when we will have the time to review it.

[graphite-app]

The runserver.default_port expects a string value, but the port variable is being converted to an integer. This will cause a type mismatch. Consider using:

runserver.default_port = str(port)

Or directly assign the string value:

runserver.default_port = os.environ.get('REACT_APP_API_PORT') or os.environ.get('VITE_API_PORT') or '3001'

Suggested change

	port = int(os.environ.get('REACT_APP_API_PORT') or os.environ.get('VITE_API_PORT') or 3001)
	runserver.default_port = port
	port = int(os.environ.get('REACT_APP_API_PORT') or os.environ.get('VITE_API_PORT') or 3001)
	runserver.default_port = str(port)

Spotted by Diamond

Is this helpful? React 👍 or 👎 to let us know.