Browsbox Admin Frontend

Local Development Guide

Setup

• Copy .env to .env.local
• Setup your correct env variables:
  • REACT_APP_BROWSBOX_URL - the URL of you local environment (ex: http://browsbox.local, http://localhost, or whatever you have),
  • REACT_APP_BROWSBOX_AUTH_COOKIE - it should be your PHPSESSID=XXXXXXXXXXXXXXXXXXXXXXX from the browser. You can find it in your browser developer tools, but first you have to login as user with role ROLE_SUPER_ADMIN.

Remember to always update the Cookie value of your PHPSESSID (you can get it from your browser storage) to allow access restricted /api admin's area when application is running in development mode.

Running

Go into react directory and run:

npm start

React app will start in a few seconds and appear in new browser tab.

Preview

If you would like to preview you changes in more like PROD mode, then build your assets and copy them into public directory of Symfony app.

There is a command to do this for you. Go into react directory and run:

 npm run build && npm run copy-app

Now you can visit your regular local host of Symfony app. Admin assets should be updated.