{"id":26590199,"url":"https://github.com/smokes/react-fullstack-quickstart","last_synced_at":"2025-03-23T13:36:20.016Z","repository":{"id":44308444,"uuid":"156978746","full_name":"smokes/react-fullstack-quickstart","owner":"smokes","description":"Fullstack boilerplate to quickstart a project with React, Webpack and Express","archived":false,"fork":false,"pushed_at":"2022-02-10T16:45:34.000Z","size":30,"stargazers_count":5,"open_issues_count":5,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2023-03-21T10:16:10.983Z","etag":null,"topics":["babel","boilerplate","create-react-app-manually","express","jsx","react","webpack"],"latest_commit_sha":null,"homepage":null,"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/smokes.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}},"created_at":"2018-11-10T12:25:05.000Z","updated_at":"2021-03-21T05:52:58.000Z","dependencies_parsed_at":"2022-08-20T09:21:53.522Z","dependency_job_id":null,"html_url":"https://github.com/smokes/react-fullstack-quickstart","commit_stats":null,"previous_names":[],"tags_count":null,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smokes%2Freact-fullstack-quickstart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smokes%2Freact-fullstack-quickstart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smokes%2Freact-fullstack-quickstart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smokes%2Freact-fullstack-quickstart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/smokes","download_url":"https://codeload.github.com/smokes/react-fullstack-quickstart/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245109285,"owners_count":20562173,"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","boilerplate","create-react-app-manually","express","jsx","react","webpack"],"created_at":"2025-03-23T13:36:19.310Z","updated_at":"2025-03-23T13:36:19.994Z","avatar_url":"https://github.com/smokes.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-fullstack-quickstart\n\n[![Build Status](https://travis-ci.org/smokes/react-fullstack-quickstart.svg?branch=master)](https://travis-ci.org/smokes/react-fullstack-quickstart)\n[![GitHub issues](https://img.shields.io/github/issues/smokes/react-fullstack-quickstart.svg)](https://GitHub.com/smokes/react-fullstack-quickstart/issues/)\n[![Codacy Badge](https://api.codacy.com/project/badge/Grade/1eabe23c00984adfabf4df424c3770ea)](https://www.codacy.com/app/smokes/react-fullstack-quickstart?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=smokes/react-fullstack-quickstart\u0026amp;utm_campaign=Badge_Grade)\n\nI figured out i could learn how to setup my own fullstack boilerplate with React, Webpack and Express.\n\n## Quick Setup\n```bash\n# Clones the repository\n$ git clone https://github.com/smokes/react-fullstack-quickstart.git\n# Changes directory\n$ cd react-fullstack-quickstart\n# Installs all dependencies\n$ npm install\n# Bundles react code and injects it into the template html file\n$ npm run build\n```\n## Features \n\n### Latest ECMAScript features \nIt uses @babel/preset-env and @babel/preset-react for transpiling code\n### Express.js backend\nUses Express.js for server-side with hot reloading thanks to nodemon\n### Code linting + formatting on save\nThanks to Eslint and Prettier code formatting is much easier and is done automatically on file save\n### Unit testing with jest and enzyme\nJest is already configured to work with enzyme so you could easily test your React Components\n### Sass support\nDone through node-sass with Webpack's sass-loader\n\n## NPM Scripts\n```bash\n# Builds your React application and runs an express instance to serve them with the api\n$ npm start\n# Builds your React application into the /builds directory without the express server\n$ npm run build\n# Runs the the express.js server with nodemon\n$ npm run server\n# Spawns a webpack-dev-server for realtime jsx editing with hot reload\n$ npm run client\n# Runs a webpack-dev-server on port 3000 with an express api proxified from port 8080\n$ npm run fullstack\n# Runs unit tests with jest\n$ npm run test\n# Runs unit tests with jest and watches for file changes\n$ npm run test-watch\n```\n## LICENSE \n\nPublished under the MIT LICENSE, for more info check \n[![MIT licensed](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/smokes/react-fullstack-quickstart/master/LICENSE)\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmokes%2Freact-fullstack-quickstart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsmokes%2Freact-fullstack-quickstart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmokes%2Freact-fullstack-quickstart/lists"}