I built a simple demo scheduling system with a Symfony backend and a React fontend
Things to be aware of:
scheduler.sql is a dump of a small database of users and shifts.
There is a simple login mechanism so the system will know what data to show to whom. Login with email addresses and passwords. All the passwords for all the users are "1111" I had to add a "password" column to the user table to support this.
I've disabled user creation (so as not to provide routes for things not specified in the user stories), though there is code to support it that can be enabled in the UserController of the Symfony backend.
An employee login to try is gus@asecular.com/1111 .
A manager login to try is oscarpoof@dribble.org/1111 .
There is a logout button but you can also logout by reloading the page (being logged in is just part of the React state; there is no cookie or session).
The display of shifts is very basic. In a better system, there would be multiple views and calendars and such, but that would've taken awhile to get working nice. It's possible to create overlapping shifts for the same user.
Editing the times and dates is done using a React module called DateTimePicker.
In the backend if you want to get this working, Symfony is going to need some additional components. In particular, you should use composer to install the rest-bundle, the doctrine-cache-bundle, and a few other things:
composer require friendsofsymfony/rest-bundle
composer require symfony/serializer
composer require doctrine/doctrine-cache-bundle
composer require doctrine/doctrine-bundle
composer require sensio/framework-extra-bundle
composer require doctrine/doctrine-migrations-bundle
composer require symfony/security-bundle
(Depending on your Symfony setup, you could spend all day installing bundles this way!)
React also needs some modules: cookiejar, formidable, superagent, and attr-accept
In the provided source code, the React frontend is hardcoded to access the Symfony backend at "http://localhost:8000/api/" -- to change that, edit line 15 of /src/App.js The connection info for the Symfony database is in /.env, line 27.
To see this app working live on the web, the url is http://randomsprocket.com/sched_frontend/ The live backend (should you like to see the JSON) is at http://sched.randomsprocket.com/api Some endpoints include:
http://sched.randomsprocket.com/api/user
http://sched.randomsprocket.com/api/user/1
http://sched.randomsprocket.com/api/user/weeklysummary/1
I can't say that writing this code made me a particular fan of either Symphony or React.
--Gus Mueller, August 18 2018