Basic Prerequisites

As Stack School is a complete system with lots of features for web application, it is compulsory to have some basic knowledge in both server side and web application development if you want to do the installation, setup and publishing with your branding yourself.

• IDE for Web development, we preferred VSCode.
• React 18 And Node Js 20 In your system.
• Real server Server related knowledge like apache or local machine server, we preferred to use a real server.
• Server related knowledge and we preferred cPanel in your server for quick installation
• Basic knowledge in PHP, ReactJS, Laravel if you want to do some customization yourself (Not compulsory).

Server Prerequisites

• Stack School requires PHP v8.1+ and MongoDb 4.0+
• MongoDB Atlas Account & Database Create Account
• Mod_rewrite Apache
• BCMath PHP extension
• mongodb PHP extension
• Ctype PHP, JSON, Mbstring, OpenSSL, PDO, Tokenizer, XML, Zip, Fileinfo, Gd, sodium Extension

Install on server

1. Api Code Installation

After download the code from codecayon and unzip the zip files and go to Stack-School-Api.1.0 folder in your directory. and copy the all file and upload on server, Stack School can be installed on your main domain or subdomain: For Example, example.com/install or school.example.com/install

Let's start the installation-

• First hit your site URL and it will automatically take you to the installation. Click Get Started to start.

• Step 1: All the required extensions and permissions must be enabled. Check the required information if everything is OK then click on Process Next.

• Step 2: Now you need to set Database host, Database name, Database username & password and click Continue. If the database in your server then the host is localhost.

• Step 3: Provide your codecanyon username and purchase code and Continue.

• Step 4: Now fill up the information and click Complete Installation

Congratulations! Your software is ready to run. Click on the view Landing Page.

Environment Setup

You have to download and setup node js from nodejs.org. You can follow documentation with your own device.

Installing Node js

Great!! As now you have installed the NodeJs successfully, now you just have to install NPM or Yarn. Below we have given the easy documentation.

Installing npm

To download the latest version of npm, run the following command on the command line:

sudo apt install -g npm

Site Build and Deploy

Download the react web app source code first from CodeCanyon

If you don’t know how to download the source code follow the following steps –

• Log into your Envato Market account.
• Hover the mouse over your username at the top of the screen.
• Click Downloads from the drop-down menu.
• Click All files and documentation.

Now unzip the zip files and go to Stack-School-Web.1.0 folder and open the project in your IDE (Vs code)

• Go to project’s .env.development and .env.production files

Change App Name

You need to set your app name and varsion in different place. Open /src/config/AppConfig.jsx and set the value of APP_NAME

Change Base URL

Must remember that don’t put slash(/) at the end of your base url. Use your api server url as base url. First you have to install your api server panel. For example: If your api server url is https://your_domain.com/panel then base url will be https://your_domain.com. /src/config/AppConfig.jsx and replace APP_HOST variable value with your own URL.

Build the App & Deployment

Once we are happy with our app and are ready to publish it, we can build it with the following command

npm run build

This command will create an optimized production build for our project and will output what files it has generated and how large each file is:

Compiled successfully.
File sizes after gzip:
46.62 KB  build/static/js/2.1500c654.chunk.js
1.59 KB   build/static/js/3.8022f77f.chunk.js
1.17 KB   build/static/js/runtime-main.86c7b7c2.js
649 B     build/static/js/main.ef6580eb.chunk.js
430 B     build/static/css/main.5ae9c609.chunk.css