Skip to content
Laravel React - Full-Stack App with Material Design | AppSeed
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE
README.md

README.md

Laravel React - Material Design

Full-Stack React Material Design with Laravel backend server.


Laravel React Material Design - Gif animated presentation.


Product Features

This full-stack app is built using a decoupled architecture, where the React Material Desifn frontend communicates with the Laravel backend through secure ajax call.

  • Laravel backend
  • SQLite database, managed by Sequelize ORM. A simple Users tabel is provided.
  • JWT token authentication
  • React Material Design crafted by the famous Creative-Tim agency.
  • Login and Registration features

To use and start this starter, a few simple steps must be followed:


Laravel boilerplate backend

The backend server is a simple Laravel with JWT authentication, MySql database, Native ORM, unit tests and basic tooling.

$ #############################
$ # clone and build the backend

$ git clone https://github.com/app-generator/laravel-boilerplate.git
$ cd laravel-boilerplate
$ vi .env # setup DB connection and JWT 

$ composer install # install modules
$ php artisan key:generate # setup Laravel
$ php artisan migrate:fresh --seed # create database

$ cd public 
$ php -S localhost:3000 # start the server 


React Material Kit

React app enhanced with JWT Authentication with fully functional login & registration flow.

$ #############################
$ # clone and build the React Frontend

$ git clone https://github.com/app-generator/material-kit-react.git
$ cd material-kit-react
$ yarn
$ yarn start # Frontend runs on port 8080

Resources


What is Laravel

Laravel is a free, open-source[3] PHP web framework, created by Taylor Otwell and intended for the development of web applications following the model–view–controller (MVC) architectural pattern and based on Symfony. The source code of Laravel is hosted on GitHub and licensed under the terms of MIT License. Read more about Laravel here.


What is React

React (also known as React.js or ReactJS) is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications, as it is optimal for fetching rapidly changing data that needs to be recorded. Read more about React here


Material Kit React

Material Kit React is a Free Material-UI@4.1.0 Kit with a fresh, new design inspired by Google's material design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling of the Material-UI elements, you will find three fully-coded example pages, to help you design your next project. Read more about Material Kit React here


Support

For issues and features request, use Github or access the support page provided by AppSeed


License

MIT @ AppSeed



Laravel React - Material Design provided by AppSeed

You can’t perform that action at this time.