Before starting this please have a look at this requirements link and make sure, then go to the below.

If you decided to use the Siop Strapi version then please jump into #2.

Static Version

1. Open the siop-ng-static/siop-ng folder and open a terminal/bash/command on that folder and run these commands one by one.
   1. npm install
   2. ng serve
   3. Go To localhost:4200
   4. Done

Folder Structure

Dynamic Version

Strapi CMS

1. Open the siop-with-strapi/siop-api and update the config/plugin.js file as the cloudinary credentials.
2. config/database.js and update as your PostgreSQL credentials.
3. Create database as named siop-api and restore the siop-api-data from downloaded bundle.
4. npm install
5. npm run develop
6. Go To localhost:1337
7. Login by the credential Email: [email protected] Password: EnvyTheme1Siop
8. Done

Folder Structure

Siop API Data Folder

Angular Frontend

3. Open the siop-with-strapi/siop-strapi folder and open a terminal/bash/command on that folder and run these commands one by one.

1. npm install
2. ng serve
3. Go To localhost:4200
4. Done

Folder Structure

Still, confused? Don’t worry! Check the installation and configuration Video Tutorial below-

Please follow the referenced video to get the install and setup process it will guide you to do that.