{"id":19623148,"url":"https://github.com/codeep/react-training-team-2","last_synced_at":"2026-06-13T00:32:07.466Z","repository":{"id":93570201,"uuid":"145589640","full_name":"codeep/React-training-team-2","owner":"codeep","description":null,"archived":false,"fork":false,"pushed_at":"2018-09-05T13:10:00.000Z","size":4360,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-26T19:29:32.926Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/codeep.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":"2018-08-21T16:18:56.000Z","updated_at":"2021-07-17T17:31:51.000Z","dependencies_parsed_at":"2023-03-21T00:47:23.117Z","dependency_job_id":null,"html_url":"https://github.com/codeep/React-training-team-2","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/codeep/React-training-team-2","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeep%2FReact-training-team-2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeep%2FReact-training-team-2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeep%2FReact-training-team-2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeep%2FReact-training-team-2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codeep","download_url":"https://codeload.github.com/codeep/React-training-team-2/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeep%2FReact-training-team-2/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34268187,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-12T02:00:06.859Z","response_time":109,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":"2024-11-11T11:32:00.287Z","updated_at":"2026-06-13T00:32:07.422Z","avatar_url":"https://github.com/codeep.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Starter\n\nA basic template that consists of the essential elements that are required to start building a React (v16.4) application using Webpack (v4).\n\nThe template consists of:\n\n* a typcial project layout structure\n* babel setup and configuration\n* webpack setup and configuration\n* eslint setup and configuration\n* SCSS setup and configuration\n* the main React components to get started\n\nAdditionaly, the template provides a development and production webpack configuration.\n\nThe template also allows one to include specific plugins as part of build. [Please see here for more detail](#build-application-with-bundleanalayzer-plugin-included)\n\n---\n\n## Developed With\n\n* [Node.js 8.11](https://nodejs.org/en/) - Javascript runtime\n* [React 16.4](https://reactjs.org/) - A javascript library for building user interfaces\n* [Babel 6.26](https://babeljs.io/) - A transpiler for javascript\n* [Webpack 4.x](https://webpack.js.org/) - A module bundler\n* [SCSS](http://sass-lang.com/) - A css metalanguage\n\n---\n\n## Getting Started\n\nThese instructions will get you a copy of the project up and running on your local machine for development and testing purposes.\n\n### Prerequisites\n\nThe following software is required to be installed on your system:\n\n* Node 8.x\n* Npm 3.x\n\nType the following commands in the terminal to verify your node and npm versions\n\n  ```bash\n  node -v\n  npm -v\n  ```\n\n### Install\n\nFollow the following steps to get development environment running.\n\n* Clone _'react-starter'_ repository from GitHub\n\n  ```bash\n  git clone https://github.com/drminnaar/react-starter.git\n  ```\n\n   _OR USING SSH_\n\n  ```bash\n  git clone git@github.com:drminnaar/react-starter.git\n  ```\n\n* Install node modules\n\n   ```bash\n   cd react-starter\n   npm install\n   ```\n\n### Build\n\n#### Build Application\n\ndev | prod\n:---: | :---:\nnpm run build:dev | npm run build:prod\n\n#### Build Application And Watch For Changes\n\ndev | prod\n:---: | :---:\nnpm run build:dev:watch | npm run build:prod:watch\n\n#### Build Application With BundleAnalayzer Plugin Included\n\ndev | prod\n:---: | :---:\nnpm run build:dev:bundleanalyze | npm run build:prod:bundleanalyze\n\nAfter running the above command, a browser window will open displaying an interactive graph resembling the following image:\n\n![bundle-analyzer](https://user-images.githubusercontent.com/33935506/36382812-eadf199e-1592-11e8-9681-cf5ccf67951f.png)\n\n### Run ESlint\n\n#### Lint Project Using ESLint\n\n  ```bash\n  npm run lint\n  ```\n\n#### Lint Project Using ESLint, and autofix\n\n  ```bash\n  npm run lint:fix\n  ```\n\n### Run\n\n#### Run Start\n\nThis will run the _'serve:dev'_ npm task\n\n```bash\nnpm start\n```\n\n#### Run Dev Server\n\n```bash\nnpm run serve:dev\n```\n\n#### Run Dev Server With Dashboard\n\n```bash\nnpm run serve:dev:dashboard\n```\n\nThe above command will display a dashboard view in your console resembling the following image:\n\n![webpack-dashboard](https://user-images.githubusercontent.com/33935506/36382813-eb10b0a8-1592-11e8-9506-fd25db65a258.png)\n\n#### Run Prod Server\n\nThis command will build application using production settings and start the application using _live-server_\n\n```bash\nnpm run serve:prod\n```\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodeep%2Freact-training-team-2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodeep%2Freact-training-team-2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodeep%2Freact-training-team-2/lists"}