Follow this step-by-step guide to set up and run the Imagico image editing tool that includes Node.js as the backend API and Angular 18 as the frontend.

Prerequisites

Ensure you have the following installed on your system:

Node.js (version 20 or above)
Download and install Node.js from here.
NPM (comes bundled with Node.js)
Angular CLI (to serve the Angular frontend)

1. Download the Project

Download the project files from your dashboard and extract it

2. Navigate to the Project Directory

Go to the folder where you downloaded or cloned the project:

cd imagico-image-editing-tool

3. Install Project Dependencies

Install all required dependencies by running:

npm install

This will install all packages defined in the package.json file

4. Run the Application

Run the backend server using the following command:

npm run start:dev

This will start the Node.js server in development mode on PORT 5000.

Run the Angular app using the following command:

npm run start

This will start the Angular frontend on http://localhost:4200.

5. Access the Application

Once both the backend and frontend are running, open your browser and visit:

http://localhost:4200

The Imagico image editing tool should now be running.

6.Deploy the Project

To deploy the project to a production server, build the project with the --prod flag and upload the contents of the dist/ folder to your web server.

ng build --prod

Congratulations! You have successfully installed and configured the Imagico.

If you run into any issues or have questions, please feel free to reach out to our support team.