Deploy React Frontend App to Server with Automated Workflows

[AnSiChen]

Task Overview

The goal is to deploy the React frontend application to the server through automated workflows. The deployment process should ensure that the app is fully functional and accessible in the staging environment, integrating with the already-deployed Django backend.

---

Key Objectives

1. Automate Deployment:
   Set up automated workflows using GitHub Actions to deploy the React app.

2. Frontend Availability:
   Verify that the React app is live and accessible at the chosen URL (e.g., https://subdomain.domain.com).

3. Integrate with Backend API:
   Test the frontend application to ensure it successfully communicates with the backend API's endpoints like /sightseeing/v1/register/.

4. Eliminate Localhost Dependency:
   Ensure all API calls within the app use the staging server URL rather than localhost.

---

Acceptance Criteria

1. The React frontend app is successfully deployed and accessible in the chosen environment.
2. All API requests made by the React app are directed to the staging server and return valid responses.
3. The deployment process is fully automated through workflows, requiring no manual intervention for future updates.
4. The app is fully functional, with no breaking issues in navigation, API communication, or UI elements.

---

Additional Notes

• Use existing environment variables and configurations to support a smooth deployment process.
• The React app can handle environment-specific settings (e.g., REACT_APP_API_URL for staging).
• Document the Deployment Process: Include documentation for future reference.
• Security Considerations: Confirm that API keys and sensitive variables are managed securely in the deployment process.

---

Priority

High