AnSiChen / AnSiChen/sightseeing-map

Deploy React Frontend App to Server with Automated Workflows

Aperta
#45 0 commenti 0 reazioni 1 assegnatario Rivendicata da @AnSiChen Vedi su GitHub
DevOps enhancement frontend
Lingua principale
JavaScript
Stelle
2
Fork
0
Merge medio
2m
PR unite (30g)
1

Descrizione

### **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**

Guida per i contributori

Apri la guida per i contributori

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.