All Projects → ThomasBem → spring-boot-create-react-app

ThomasBem / spring-boot-create-react-app

Licence: other
Simple template to create a spring boot back-end with create react app front-end combined into a microservice

Programming Languages

javascript
184084 projects - #8 most used programming language
groovy
2714 projects
java
68154 projects - #9 most used programming language
shell
77523 projects
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to spring-boot-create-react-app

Disperse
React/Redux dApp (decentralized app) boilerplate using Ethereum's blockchain
Stars: ✭ 36 (+44%)
Mutual labels:  create-react-app, starter-kit
Reactjs Crud Boilerplate
Live Demo
Stars: ✭ 83 (+232%)
Mutual labels:  create-react-app, starter-kit
Cra Boilerplate
Up to date: This project is an Create React App - v2.1.1 boilerplate with integration of Redux, React Router, Redux thunk & Reactstrap(Bootstrap v4)
Stars: ✭ 87 (+248%)
Mutual labels:  create-react-app, starter-kit
mcs-lite
🎛 MCS Lite Common UI and Websites.
Stars: ✭ 75 (+200%)
Mutual labels:  create-react-app
eslint-plugin-react-app
ESLint configuration used by Create React App
Stars: ✭ 52 (+108%)
Mutual labels:  create-react-app
cruise
A Continuous Integration (CI) management system homework from Thought Works
Stars: ✭ 13 (-48%)
Mutual labels:  create-react-app
angular-starter
🚀 Angular 14 Starter with Storybook, Transloco, Jest, TestCafe, Docker, ESLint, Material & Prettier 🚀
Stars: ✭ 124 (+396%)
Mutual labels:  starter-kit
react-antd-admin
react-antd-admin 是一个后台集成解决方案,它基于 react 和 antd; 内置了动态路由,标签页缓存,权限验证、切换功能
Stars: ✭ 42 (+68%)
Mutual labels:  create-react-app
go-iris-mv
No description or website provided.
Stars: ✭ 21 (-16%)
Mutual labels:  starter-kit
commercejs-chopchop-demo
A Commerce.js starter kit for Next.js. A beautifully designed elegantly developed, end to end commerce experience for developers and agencies. Pre-integrated with Stripe. One-click deploy to Vercel.
Stars: ✭ 129 (+416%)
Mutual labels:  starter-kit
modular
Scaffold a react monorepo and its component parts.
Stars: ✭ 13 (-48%)
Mutual labels:  create-react-app
progressive-web-app-starter
Preact based starter kit for making a Progressive Web App (PWA).
Stars: ✭ 19 (-24%)
Mutual labels:  starter-kit
DM Tools
An open-source Dungeons and Dragons DM helper desktop app built with React.js, Redux, SCSS
Stars: ✭ 41 (+64%)
Mutual labels:  create-react-app
hbuild
⚔repaid build web/vue/react project starter kit with cli
Stars: ✭ 37 (+48%)
Mutual labels:  starter-kit
materializecss starter
A Starter Boilerplate for Materializecss, ionicons, font-awesome and Animatecss
Stars: ✭ 58 (+132%)
Mutual labels:  starter-kit
worthit
💸 Vale a pena? Calcule o preço anual de um item com essa PWA
Stars: ✭ 18 (-28%)
Mutual labels:  create-react-app
webcam-object-detection
Tensorflow.js webcam object detection in React
Stars: ✭ 24 (-4%)
Mutual labels:  create-react-app
webpack-starter
'Just Add Water' Webpack 2, babel and glslify gourmet mix.
Stars: ✭ 13 (-48%)
Mutual labels:  starter-kit
fractal-starter-kit
Starter kit for Fractal with SCSS, Webpack, XO, sass-lint and Gulp
Stars: ✭ 22 (-12%)
Mutual labels:  starter-kit
craco-linaria
A craco plugin to use Linaria zero-runtime CSS in JS library in a create react app.
Stars: ✭ 29 (+16%)
Mutual labels:  create-react-app

###Spring-Boot-Create-React-App Build Status

Initial setup of your machine:

  1. Install Yarn
  2. Run yarn global add flow-typed
  3. Install watchman brew update && brew install watchman

Setup project:

  1. Clone the repo with project name: git clone https://github.com/thomasbem/spring-boot-create-react-app.git <project_name>
  2. cd <project_name>
  3. Run gradle setup: ./setup.sh

When adding new modules to package.json, run flow-typed install. This fetches flow type definitions for npm modules if they exist.

Run front-end for development

  1. cd <project_name>-web
  2. Run yarn run start to startup the front-end with a mock back-end using json-server
  3. Navigate to localhost:3000

Screenshot of the tool

Build and run full stack

  1. Run ./gradlew to build project
  2. cd <project_name>-api/build/libs/
  3. Type java -jar then tab to auto complete to latest version. First time this should be, java -jar <project_name>-0.0.1-SNAPSHOT.jar

How to deploy application to Heroku

  1. Create new app in Heroku
  2. Add .travis.yml to cloned project and replace project-name and heroku-app-name (See code block below)
  3. Push to Github and enabled TravisCI to build the project
  4. Add HEROKU_API_KEY environment variable to Travis with your HEROKU_API_TOKEN (Can be found in Heroku or using Heroku cli - heroku auth:token)
language: java
jdk:
- oraclejdk8
env:
- NODE_VERSION=6
install:
 - nvm install $NODE_VERSION
 - nvm use $NODE_VERSION
 - curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -
 - sudo apt-get install -y nodejs
 - npm install -g yarn
 - wget https://cli-assets.heroku.com/branches/stable/heroku-linux-amd64.tar.gz
 - tar -xf heroku-linux-amd64.tar.gz
 - ./heroku/bin/heroku plugins:install heroku-cli-deploy
script:
 - ./gradlew
 - ./heroku/bin/heroku jar:deploy _project-name_-api/build/libs/*.jar --app _heroku-app-name_ HEROKU_API_KEY

Now go have fun!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].