{"id":25269944,"url":"https://github.com/javascript-pro/healthylunchbox","last_synced_at":"2025-04-06T06:15:24.438Z","repository":{"id":89534114,"uuid":"81523427","full_name":"javascript-pro/healthylunchbox","owner":"javascript-pro","description":"Front end React application connecting to a WordPress driven CMS via the new JSON API","archived":false,"fork":false,"pushed_at":"2017-02-12T14:54:39.000Z","size":54760,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-12T11:37:30.833Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://www.healthylunchbox.com.au","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/javascript-pro.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-02-10T03:43:29.000Z","updated_at":"2020-06-09T16:46:10.000Z","dependencies_parsed_at":null,"dependency_job_id":"5f92fada-d856-4f62-86a6-0d88f3dc96ce","html_url":"https://github.com/javascript-pro/healthylunchbox","commit_stats":null,"previous_names":["javascript-pro/healthylunchbox"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javascript-pro%2Fhealthylunchbox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javascript-pro%2Fhealthylunchbox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javascript-pro%2Fhealthylunchbox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javascript-pro%2Fhealthylunchbox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/javascript-pro","download_url":"https://codeload.github.com/javascript-pro/healthylunchbox/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247441060,"owners_count":20939239,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-02-12T11:28:03.022Z","updated_at":"2025-04-06T06:15:24.422Z","avatar_url":"https://github.com/javascript-pro.png","language":"PHP","readme":"![alt text](http://api.healthylunchbox.com.au/wp-content/uploads/HLB_logo-1.png \"Healthy Lunch Box\")\n# vs 3.1.2\n\nDeveloped by usTwo for the Cancer Council, January 2017. This is a React Applicaition\n(/src) which compiles into a standalone HTML folder called build. This build folder is\ncurrently rsynced to an AWS server where it is accessed from it's url\nhttp://beta.healthylunchbox.com.au\n\n### Beta Login\n\ncc : healthy\n\nThe app connects to a WordPress installation on another subdomain http://api.healthylunchbox.com.au/\nto get its content via WordPress's native JSON API support.\n\n### WordPress Logins\n\nadmin : (please ask)\n\neditor : (please ask)\n\nThe WordPress install folder is in /api, but you'll need to ask Hooch (Chris Langlands \u003chooch@ustwo.com\u003e)\nto dump an up to date DB for you for you if you wish to set up a local version. When you're done, run ```npm run build``` to create the build and rsync it to your server.\n\nFor any other info, contact listingslab@gmail.com\n\n---\n\n## Developer Installation\nDevelopers will need to be invited to collaborate on this private GitHub repo. Ask Petch or Hooch\n\ncd to your working directory (ours is ~/node) and run the following. Clone the directory,\nwhich uses a GitFlow methodology. Checkout both master and develop branches but DO NOT\ndevelop into them. Create a feature. Develop that. Once it's done, merge into develop.\n\ngit clone git@github.com:ustwo/healthy-lunch-box.git\nnpm install\nnpm start\n\n\nBasta. That's it. You should be running a local dev environment using webpack devserver. Your App is viewable on http://localhost:8080.\n\n### Tech Stack\n\nA React frontend designed to consume a WordPress REST-API backend service found here:\n[healthylunchbox.com.au](http://api.healthylunchbox.com.au/).\n\nThis is a complete Webpack build development environment which enables fast in-editor pre-testing of our React app against lint rules for both JavaScript and SCSS and enables multi-device testing while we develop and compile the app.\n\n---\n\n## CSS (scss)\nStyling for the various react components and templates has been split out into the same folders as the React code they relate to, but there are a few other files to look out for.\n\n*/src/containers/App.scss*\n\nThis file can be used to apply styles application wide. It's a useful place for responsiveness related styling.\n\n*/src/templates/HeathlyLunchbox/HLB.scss*\n\nThis file controls the style for all of the lunchbox builder screens.\n\n## API\nThe react application uses some custom WordPress API endpoints to retrieve data. The php for this\ncan be found in the theme - /api/wordpress/wp-content/themes/listingslab-react.\n\n### Endpoint examples\nhttp://api.healthylunchbox.com.au/wp-json/hlbapi/hello\n\nhttp://api.healthylunchbox.com.au/wp-json/hlbapi/app\n\nhttp://api.healthylunchbox.com.au/wp-json/hlbapi/item/tabbouleh\n\n### Global JavaScript variables\nThere are two global variables used in the React app. Firstly 'editor' (Boolean) which turns the edit buttons on or off. The second is called cms \u0026 is the global information store where the data loaded from the API are stored.\n\nThese are initialised in /public/index.html\n\n### Using Atom editor?\n\nInstall IDE linting. It's proper helpful\n\n`apm install linter-eslint`\n\n`apm install linter-stylelint`\n\n### rsync commands for uploading to the AWS\n\nAsk hooch to hook you up with the correct access for this to work.\n\nTo upload latest build\n\n`rsync -avz --delete /\u003cyour-path\u003e/healthy-lunch-box/build/ ec2-user@beta.healthylunchbox.com.au:/var/www/html/healthylunchbox.com.au/``\n\nTo upload latest WordPress API\n\n`rsync -avz /\u003cyour-path\u003e/healthy-lunch-box/api/wordpress/ ec2-user@beta.healthylunchbox.com.au:/var/www/html/api.healthylunchbox.com.au/``\n\n### NPM Scripts\n\n`npm start`\nRuns webpack-dev-server with hot reload\n\n`npm run build`\nCreates production ready application into /build folder\n\n`npm run elint`\nRun \u0026 Summarise the linting process\n\n`npm run slint`\nRun the style lint process\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjavascript-pro%2Fhealthylunchbox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjavascript-pro%2Fhealthylunchbox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjavascript-pro%2Fhealthylunchbox/lists"}