Sample Document Storage Application
built on fork of laravel-react-redux-boilerplate
A simple boilerplate for React and Redux with Laravel as API server.
Features
- Laravel 5.6: Back-end server framwork.
- Laradock: Full PHP development environment for Docker.
- React 16: Front-end framework.
- Redux 4: React state management.
- Boostrap 4: Front-end UI kit.
- React Router v4: Declerative routing.
- redux-thunk:
async
Redux action. - styled-components: The best CSS in JS library.
- webpack-dev-server: Hot Module Replacement.
- ESLint, prettier: Lint JavaScript.
- Babel 6: Support ES6 syntax.
Install
$ git clone https://github.com/xxhomey19/laravel-react-redux-boilerplate.git
$ cd laravel-react-redux-boilerplate
$ composer install
$ yarn // or npm install
$ cp .env.example .env
$ php artisan key:generate
Laradock
It is a full PHP development environment for Docker.
For detailed information, please check Laradock official site.
Before starting, make sure you have installed Docker.
Setup
Create .env
file for Laradock.
$ cd laradock
$ cp env.example .env
Boot up Nginx and MySQL 5.7
$ docker-compose up -d nginx mysql
- Change DB_DATABASE and DB_USERNAME to default in
/.env
Close all running Containers
$ docker-compose stop
To stop single container do:
$ docker-compose stop {container-name}
Delete all existing Containers
$ docker-compose down
Migrate
In the project folder
$ php artisan migrate
Development
Open two consoles. One is for webpack-dev-server
, and the other is for Laravel
server.
The first console:
$ npm run dev
The second console:
$ php artison serve
License
MIT © xxhomey19