Skip to main content

Guide to Install Quizix on Windows

This guide will help you to install Quizix on your Windows machine. Quizix has two parts: the front end and the back end. The front end is a web application which is built using Next.js, and the back end is a server that handles the database and API requests which is built using Laravel.

To install Quizix on your Windows machine, you will need to follow these steps:

  1. Install XAMPP
  2. Install Composer
  3. Install Node.js
  4. Install Our Admin Project
  5. Install Our Client Project
  6. Configure Environment Variables
  7. Start the Frontend and Backend Servers

Prerequisites​

Before you start, make sure you have the following installed on your Windows machine:

Please follow the below steps,

  1. Extract the quizix package that you download from CodeCanyon.
  2. After that you see two zip files called 'core.zip', 'deployment.zip' and 2 folders local_deployment, documentation.
  3. Now extract the core.zip file to the core folder.
  4. now you'll get two zip files called admin.zip and standalone-client.zip on core folder.

As You can see the folder structure like below,

quizix
├── documentation
├── core
│   ├── admin.zip
│   ├── standalone-client.zip
│   └── static-client.zip
├── local_deployment
└── deployment.Zip

Step 1: Install XAMPP​

  1. Download XAMPP from the official website.
  2. Run the installer and follow the on-screen instructions.
  3. Start the Apache and MySQL services in XAMPP.

Step 2: Install Composer​

  1. Download Composer from the official website.
  2. Run the installer and follow the on-screen instructions.
  3. Open a command prompt and run the following command to verify the installation:
composer --version

Step 3: Install Node.js​

  1. Download Node.js from the official website.
  2. Run the installer and follow the on-screen instructions.
  3. Open a command prompt and run the following command to verify the installation:
node --version

Step 4: Install Our Admin Project​

Note: If you are a developer please follow the below steps to install our Admin project. If you are not a developer please use the below steps only follow GUI steps.

  1. Extract our project files to the directory then in this folder have 3 files documentation and core zip file. Extract core zip file to core folder. Than will see two folder another two zip files one is admin and other is client. Extract admin zip file to admin folder.
cd ~/Downloads/qizix-project
  1. Comment the below line on /public/index.php file:
 if (! file_exists(__DIR__.'/../storage/installed')) {
     header('Location: /installer/index.php');
     exit;
 }
//  to

// if (! file_exists(__DIR__.'/../storage/installed')) {
//     header('Location: /installer/index.php');
//     exit;
// }
  1. Install the project dependencies using Composer:
composer install
  1. Open a command prompt and navigate to the project directory.
  2. Run the following command to install the project dependencies:
composer install

45 Create a copy of the .env.example file and rename it to .env. 6. Generate an application key by running the following command:

php artisan key:generate
  1. Run the following command to migrate the database:
php artisan migrate
  1. Generate the application storage link by running the following command:
php artisan storage:link
  1. Generate dummy data by running the following command:
php artisan db:seed
  1. Start the Laravel development server by running the following command:
php artisan serve
  1. Also start the npm server by running the following command:
npm run dev
  1. Open a web browser and navigate to http://localhost:8000 to view the Laravel project.

Step 5: Install Our Client Project​

  1. Extract the client project files to the directory.
  2. Open a command prompt and navigate to the project directory.
  3. Run the following command to install the project dependencies:
npm install --force
  1. copy the .env.example file and rename it to .env.local and update the values in the .env.local file.

Step 6: Configure Environment Variables​

cp .env.example .env.local
NEXT_PUBLIC_API_BASE_URL=http://127.0.0.1:8000
NEXT_PUBLIC_TOKEN_NAME=token
NEXT_PUBLIC_BASE_URL=http://localhost:3000

Step 7: Start the Frontend​

npm run dev

Now you can access the frontend at http://localhost:3000

Conclusion​

Congratulations! You have successfully installed Quizix on your Windows machine. You can now start customizing your application. If you have any questions, feel free to reach out to our support team. 🚀