Introduction
All front-end (things visible to user) code can be found in sourcecode folder in the .zip you have downloaded from CodeCanyon. All front-end source code is written in latest web technologies: angular and typescript. This means front-end code will need to be re-compiled after making custom modifications (.php files don't need compiling).
Local Development
To make custom modifications easier, you can start a local development server. This will automatically re-compile the code and refresh the browser after any modification to the code.
To set this up:
- Copy contents of codecanyon .zip file to your local server (wamp, xamp, lamp etc) web root.
- Follow documentation to install the application.
- Open sourcecode/proxy.conf.json file and update target url there to the base url of the site. For example: http://localhost/my-site. To test this open http://localhost/my-site/secure/bootstrap-data in the browser and make sure it's working. You should see something like this:
- CD into sourcecode directory via terminal and install dependencies:
npm install - Run
npm startcommand from terminal. If previous steps were completed properly, you should be able to access local server at http://localhost:4200 url. Code will automatically re-compile and refresh the browser after detecting changes to files inside sourcecode directory.
Building for Production
To build code for production (your live site) after making changes, use npm run build and gulp dist commands. This will compile, optimize and output all front-end code into public/client folder.
To update your production site, copy (and override) public/client folder and resources/views/app.blade.php file.
