• Stars
    star
    145
  • Rank 254,144 (Top 6 %)
  • Language
    PHP
  • License
    MIT License
  • Created over 5 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Example to-do app (including auth) built with Laravel 8 and React.

Laravel React To Do App

An example To Do App built with Laravel and React. It includes:

Use it as a base for quick prototypes or to learn from. Suggestions, recommendations, and pull requests welcome!

Demo Site

View a demo of the app at laravelreact.com.

(Password resets will not be sent from this server. Data will be cleared on a regular basis.)

Development Environment

This project runs on a LEMP stack (Linux, NGINX, MySQL, & PHP).

The backend built with Laravel. The frontend is 100% React.

If you don't already have a LEMP environment running, Valet is a good option for OSX.

Set Up

Clone the repository:

git clone https://github.com/devinsays/laravel-react-bootstrap

Create your environment file:

cp .env.example .env

The app key is used to salt passwords. If you need to work with production data you'll want to use the same app key as defined in the .env file in production so password hashes match.

Update these settings in the .env file:

  • DB_DATABASE (your local database, i.e. "todo")
  • DB_USERNAME (your local db username, i.e. "root")
  • DB_PASSWORD (your local db password, i.e. "")
  • HASHIDS_SALT (use the app key or match the variable used in production)

Install PHP dependencies:

composer install

If you don't have Composer installed, instructions here.

Generate an app key:

php artisan key:generate

Generate JWT keys for the .env file:

php artisan jwt:secret

Run the database migrations:

php artisan migrate

Install Javascript dependencies:

npm install

If you don't have Node and NPM installed, instructions here.

Run an initial build:

npm run development

Additional Set Up Tips

Database Seeding

If you need sample data to work with, you can seed the database:

php artisan migrate:refresh --seed --force

Read more in /docs/database-seeds.md.

Seeded User

After seeding the database, you can log in with these credentials:

Email: [email protected] Password: password

Email Driver

Laravel sends emails for password resets. The default for MAIL_DRIVER in .env.example is log. You can view logged emails in storage/logs/laravel.log.

Other Notes

Internal Docs:

Laravel Docs:

https://laravel.com/docs/

Valet Tutorial:

https://scotch.io/tutorials/use-laravel-valet-for-a-super-quick-dev-server

More Repositories

1

options-framework-plugin

An Options Panel Framework to help speed theme development.
PHP
838
star
2

options-framework-theme

An Options Panel Framework to help speed theme development.
PHP
757
star
3

customizer-library

Customizer Library
PHP
258
star
4

flutter_todo

Example Flutter to-do app that uses a REST API.
Dart
191
star
5

portfolio-post-type

A WordPress plugin that creates a Portfolio post type.
PHP
154
star
6

team-post-type

Some boilerplate post type code.
PHP
122
star
7

portfolio-press

A WordPress theme for artists and designers to showcase their work.
CSS
62
star
8

better-blockquotes

A plugin for improving the blockquote button in the WordPress editor.
PHP
57
star
9

customizer-library-demo

Demo for the Customizer Library project.
PHP
54
star
10

thematic-options

A theme options framework for WordPress.
PHP
53
star
11

documentation-post-type

Created a WordPress custom post type for product documentation.
PHP
40
star
12

platform

A base theme designed for development workflow.
PHP
37
star
13

event-posts

A small plugin that creates and event post type and meta boxes
PHP
37
star
14

woocommerce-coupon-restrictions

Experiments with coupon restrictions.
PHP
29
star
15

edd-theme-updater

Sample theme updater for EDD.
PHP
25
star
16

angular-experiments

Collection of experiments as I work through learning Angular + the JSON API for WordPress.
PHP
23
star
17

foghorn

Foghorn is a minimalist WordPress theme built off the foundation of Twenty Eleven.
PHP
19
star
18

edd-account-helpers

Example code for building a dashboard are with Easy Digital Downloads.
PHP
16
star
19

visual

Visual is a dark minimalist WordPress theme for displaying photos and images.
CSS
14
star
20

options-framework-theme-demos

Demos for Options Framework.
PHP
13
star
21

customizer-background-control

Registers a new custom customizer control for backgrounds.
PHP
12
star
22

no-slug-portfolio-post-types

Tiny little plugin to remove the slug from portfolio post types.
PHP
11
star
23

history-future

Snappy WordPress Ajax Theme for Byron Reece
PHP
11
star
24

auto-set-featured-image

Auto set a featured image in WordPress.
PHP
11
star
25

light

A lightweight WordPress blog theme
PHP
9
star
26

post-author-optimization-for-woocommerce

Stores the customer_user for WooCommerce orders and subscriptions in the post_author column of posts table.
PHP
9
star
27

woocommerce-customer-source

Learn where your WooCommerce customers are coming from.
PHP
8
star
28

flutter_okta

Proof of concept Flutter + Okta integration.
Dart
8
star
29

edd-free-license-generator

Allows users to bypass checkout page when downloading a specific product. Should be used in conjuction with the EDD Software Licensing Plugin.
PHP
8
star
30

laravel-react-material

Example Material UI to do app that integrates with a Laravel REST API.
JavaScript
6
star
31

post-loaded-avatars

A simple WordPress plugin to post load avatar images.
PHP
6
star
32

gad7

A mobile app built on Flutter to help track anxiety.
Dart
5
star
33

instant-content

WordPress plugin for purchasing Demand Media content.
PHP
3
star
34

salaryinflation

Calculate an inflation adjusted salary.
JavaScript
3
star
35

portfolio-plus

Commercial version of Portfolio Press
PHP
2
star
36

date_picker_input

Example of a date picker input in Flutter.
Dart
2
star
37

twentyfifteen-srcset

Experiments with Twenty Fifteen and Responsive Images
PHP
2
star
38

postlistr-plugin

Trying to learn some backbone.
PHP
1
star
39

wpe-sync

Bash script for syncing in WP Engine environment.
Shell
1
star
40

flutterfort

Gatsby.js site for Flutter blog.
JavaScript
1
star
41

woocommerce-wholesale-role-restriction

This extension prevents customers with a "wholesale" role from using coupons on the site.
PHP
1
star
42

percentchange

Percent Change Calculator
HTML
1
star
43

woocommerce-friendbuy

Plugin allows easy integration between Friendbuy and WooCommerce.
PHP
1
star
44

edd-facebook-analytics

Adds Facebook tracking to your website for conversion metrics and ad re-marketing.
JavaScript
1
star
45

MeasureVW.js

Simple developer tool for measuring elements in vw units.
JavaScript
1
star
46

fallback-languages

Better translation loading in WordPress.
PHP
1
star