{"id":18996216,"url":"https://github.com/arpitgo4/express-react-scaffold","last_synced_at":"2026-04-09T13:48:06.042Z","repository":{"id":91906064,"uuid":"85818536","full_name":"arpitgo4/Express-React-Scaffold","owner":"arpitgo4","description":"Scaffolding with expressjs as web server and react-redux as front end framework.","archived":false,"fork":false,"pushed_at":"2017-03-29T06:20:17.000Z","size":65,"stargazers_count":1,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-01T16:27:22.723Z","etag":null,"topics":["babel","babel-plugin","babel-preset","bootstrap3","css3","expressjs","html5","jsx","nodejs","npm","react-hot-loader-3","react-redux","react-router","reactjs","redux","webpack-dev-middleware","webpack-dev-server","webpack2"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/arpitgo4.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-03-22T11:11:32.000Z","updated_at":"2023-06-07T19:48:16.000Z","dependencies_parsed_at":null,"dependency_job_id":"e8af6874-ab3f-4f2a-b637-33818a581bfe","html_url":"https://github.com/arpitgo4/Express-React-Scaffold","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arpitgo4%2FExpress-React-Scaffold","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arpitgo4%2FExpress-React-Scaffold/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arpitgo4%2FExpress-React-Scaffold/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arpitgo4%2FExpress-React-Scaffold/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arpitgo4","download_url":"https://codeload.github.com/arpitgo4/Express-React-Scaffold/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240010766,"owners_count":19733563,"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":["babel","babel-plugin","babel-preset","bootstrap3","css3","expressjs","html5","jsx","nodejs","npm","react-hot-loader-3","react-redux","react-router","reactjs","redux","webpack-dev-middleware","webpack-dev-server","webpack2"],"created_at":"2024-11-08T17:34:21.306Z","updated_at":"2025-12-30T18:58:09.016Z","avatar_url":"https://github.com/arpitgo4.png","language":"JavaScript","readme":"\n# Express-React-Scaffold [![Build Status](https://travis-ci.org/arpitgo4/Express-React-Scaffold.svg?branch=master)](https://travis-ci.org/arpitgo4/Express-React-Scaffold) [![Coverage Status](https://coveralls.io/repos/github/arpitgo4/Express-React-Scaffold/badge.svg?branch=master)](https://coveralls.io/github/arpitgo4/Express-React-Scaffold?branch=master)\nFull stack JS scaffold with ExpressJS as the backend server and React-Redux on the client side. Scaffold supports production and development modes, with **Best Developer Experience** ( DX ) by Hot-Loading for the client side application and automatic server restarts for the backend server on code change. There will be no need to restart during development, hence making the experience smooth and decrease the delivery time.\n\n## Scaffold Structure \n\n```\n\t.\n\t├── bin                         #  Backend server ( Express )\n\t|   └── www                     #  Express server configuration ( port, address, clustering )\n\t├── client                      #  Frontend complete source code                                \n\t|   ├── src                     #  Frontend source files\n\t|   |   ├── components          #  React component's source\n\t|   |   ├── config              #  Redux store's configuration\n\t|   |   ├── layouts             #  React layout component's source\n\t|   |   |   └── router.js \t#  React Router    \n\t|   |   ├── reducers            #  Redux reducer's source\n\t|   |   ├── index.html          #  Root HTML template\n\t|   |   ├── index.js            #  Frontend source entry point\n\t|   |   └── style.css           #  Global stylesheet\n\t|   ├── .babelrc                #  Babel configuration ( ES6, React, JSX )\n\t|   ├── .eslintrc               #  ESLint configuration\n\t|   └── devServer.js            #  Hot loading server source ( development mode )\n\t├── dist                        #  Compiled files     \n\t├── routes                      #  Route files\n\t|   └── index.js                #  REST/HTTP endpoints\n\t├── .gitignore                  #  Ignored files from git commit\n\t├── app.js                      #  Express server configuration ( routes, middlewares, models )\n\t├── LICENSE                     #  License to use the project\n\t├── package.json                #  Frontend and backend dependencies\n\t├── README.md                   #  This file\n\t└── webpack.config.js           #  Webpack configuration for 'production' and 'development' \n \n```\n\n## Quick Start\n### Just to check everything is working\n```\n# Install the dependencies\nnpm install\n\n# Build the client \nnpm run build-client:production\n\n# Start the project ( it will build the client, before starting the server )\nnpm start\n\n# Open web browser at http://localhost:8080\n# You will see a sample Single Page Application\n```\n\n## Development\n### Scaffold provides two npm scripts, execute both in seperate terminals\n```\t\n# Start client in development mode with hot code loading,\nnpm run start-client:development\n\n# Start backend server in development mode with nodemon ( server restarts on every change )\nnpm run start-server:development\n```\n\nFrontend and Backend dev servers will start at http://localhost:3000 and http://localhost:8080, respectively.\nHit frontend dev server to load application in the browser, enjoy developing :)\n\n### Proxy Middleware\nClient's development process will proxy all the API requests with `'/api'` in the URL to the backend server. `devServer.js` is in the `client/src` directory starts server at http://localhost:3000, which will provide all the hot loading functionality and proxy the API calls to the backend server process behind the scenes.\nReact-Hot-Loader is used to hot load the components without losing the current state or refreshing the browser. Redux store maintains all the state of the application in the single state object.\n\nRefer to the [react-hot-boilerplate](https://github.com/gaearon/react-hot-boilerplate) for further description.\n## Production\n### Scaffold provides two production scripts\n```\n# Build the client for production deployment\nnpm run build-client:production\n\n# Build the client for production deployment and start the backend server with 'forever' package\nnpm start \n```\nBackend server will start at http://localhost:8080, inside **forever** process and bundled frontend client will be served from the `dist` directory.\n\n## Known Limitations\n* Hot Reloading of the Routes ( Browser refresh is needed! ).\n\n## Feedback\nIn case of any query or feedback, please feel free to connect via\n* arpit.go4@gmail.com (Arpit Goyal)\n\nOr, open an issue at github.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farpitgo4%2Fexpress-react-scaffold","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farpitgo4%2Fexpress-react-scaffold","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farpitgo4%2Fexpress-react-scaffold/lists"}