Feature: Build Prod and Dev Environments

[narainkarthikv]

The Fit-Track application currently lacks clearly defined environments for development and production. This can lead to performance issues, unoptimized builds, and challenges in debugging. To ensure better performance and workflow, the project should be refactored to have distinct production and development environments.

Proposed Solution:

• Setup .env files for both environments:

  • .env.development for development-specific configurations (e.g., local API endpoints, debug mode).
  • .env.production for production-specific configurations (e.g., live API endpoints, analytics keys).

• Configure Webpack or Build Tools:

  • Set up separate configurations for development and production environments, including optimizations like:
  • Minification and compression for production builds.
  • Source maps and hot reloading for development builds.

• Update package.json Scripts:

  • Add scripts to run the application in either environment:

    "scripts": {
    "start": "react-scripts start",
    "build:dev": "react-scripts build --mode development",
    "build:prod": "react-scripts build --mode production"
    }

Benefits:

• Improved Performance: The production build will be optimized for speed and size, improving user experience.
• Better Development Workflow: Having a separate development environment allows for more efficient debugging and faster builds during development.
• Environment-Specific Configurations: Environment variables for API URLs, authentication keys, and other configurations will be clearly separated, avoiding accidental use of production credentials in development.

Acceptance Criteria:

• [x] Create separate .env.development and .env.production files with appropriate variables.
• [x] Configure build tools (e.g., Webpack) to handle both environments.
• [x] Ensure production builds are optimized, with minification, compression, and no unnecessary debug information.
• [x] Ensure development builds have source maps and enable hot reloading for faster development cycles.
• [x] Test both environments to confirm the application runs correctly in each.