Freelancer Project Post: StackFood React Website Configuration & Deployment ### Project Title: **StackFood React Website Setup, Configuration, and Live Deployment** ### Project Description: I require an experienced full-stack developer, preferably with experience in **StackFood (by 6amTech)** or similar CodeCanyon projects, to set up, configure, and deploy the official StackFood React User Website. The goal is to connect the purchased React frontend to my existing StackFood Admin Panel (Laravel/PHP backend) and get the customer-facing website fully functional and production-ready on a live server. ### Required Tasks & Deliverables: #### 1. Environment Setup & Connection: * **Deactivate/Configure Existing Node Env:** Correctly handle the existing `nodevenv` and ensure the project uses a clean environment with the correct Node.js version (likely $\ge$ v16.8) via NVM. * **Project Initialization:** Install all necessary Node packages (`npm install` or `yarn install`). * **Base URL Configuration:** Accurately configure the base API URL in the React project's environment files (`.env.production`, `.env.development`) to point to the existing StackFood Admin Panel URL. **Crucially, ensure no trailing slash (`/`) is added to the base URL.** * **Admin Panel Activation:** Guide me through or complete the activation of the React Web App in the StackFood Admin Panel using the purchased license key and registered domain. #### 2. Mandatory Setup & Integrations: * **Google Maps API Key Integration:** Obtain and integrate the Google Maps API key into the React project's environment files, ensuring all necessary APIs (Directions, Geocoding, Places, Distance Matrix) are enabled on the Google Cloud Console. * **Firebase Setup (Push Notifications):** Configure Firebase project credentials and integrate them into the React project for functional push notifications. * **Landing Page Configuration:** Verify that the React site is correctly pulling settings (e.g., headers, footers, sections) configured in the Admin Panel's "React landing page" settings. #### 3. Deployment & Production Readiness: * **Build & Optimization:** Perform a clean production build of the Next.js/React project (`npm run build`). * **Server Deployment:** Deploy the React website to the live server (e.g., using **PM2** for a Node.js process manager, or other suitable methods like Vercel/Netlify if applicable). * **Proxy Configuration:** Set up necessary server-side proxy rules (e.g., in Apache or Nginx) to properly route traffic to the Node.js application (if using PM2 on a traditional VPS). * **Final Testing:** Verify that all core features are working: * User Login/Registration * Location Selection and Restaurant Listing * Add to Cart / Checkout Flow * API communication with the backend is stable and fast. ### Required Skills: * **Expert knowledge of StackFood/6amTech platform setup.** * **ReactJS / Next.js Development.** * **Node.js / NVM.** * **Server Management:** Linux (Ubuntu/CentOS), PM2, Nginx/Apache configuration (Virtual Hosts, ProxyPass). * **API Integration (REST).** ### What I Will Provide: * CodeCanyon Purchase Code for the StackFood React Website. * Full source code of the StackFood React Website. * FTP/SSH access and cPanel/Server credentials. * StackFood Admin Panel login details.