Skip to main content

Getting Started

Welcome to the Quizix documentation! Here you will find all the information you need to get started with Quizix.

Quizix is a platform that allows you to create and manage quizzes. It is built with the latest technologies and is designed to be user-friendly.

This documentation will guide you through the process of setting up your account, listing quiz and contests. If you have any questions or need help, please don't hesitate to contact us. We are here to help you every step of the way.

🚀 Features

  • Quiz Platform
  • Quiz Contest Platform
  • Ai Generated Questions
  • Coin systems
  • Multi language support
  • User-friendly interface
  • Secure payment system
  • 16+ Payment Gateways
  • Easy to use
  • Fast and reliable
  • PWA Support
  • Multiple currencies supported
  • Live update available for currency exchange rate
  • Customizable Notifications Template for Email and SMS also Push Notification
  • Firebase Realtime Notification
  • 2 Factor Authentication Support
  • dynamic Menu
  • dynamic Page
  • Admin role Management
  • Report and Analytics
  • RTL Support
  • Customizable Page With Prebuilt Components/Sections
  • Pdf and Excel Export on Reports
  • Twilio and Nexmo SMS Support
  • Google ReCaptcha, Analytics and more

🛠️ Tech Stack

Backend

  • Framework: Laravel 12
  • Database: MySQL / MariaDB
  • Style: Tailwindcss
  • Real-Time Communication: firebase
  • Caching: Redis/Memcache/Database/File

Frontend

  • Framework: Next.js 15
  • Styling: Tailwindcss

Deployment

  • Web Server: Cpnel / Apache / Nginx
  • Environment: PHP 8.2, 8.3, 8.4
  • Node.js: 22v

📦 What's Included

After purchasing Quizix on codecanyone.com with your codecanyone account, go to your download page. You can choose to download Quizix.After extracting the package, you will find the following files:

You can get the following items after purchasing our template from CodeCanyone:

  • Documentation: You will find the documentation in the documentation folder. This documentation will guide you through the process of setting up your account, listing your yacht, and booking a yacht.
  • Source Code: You will find the source code in the core.zip file. When extract this core zip file will see three zip file called admin.zip, standalone-client.zip and static-client.zip.
  • deployment: You will find the deployment files in the deployment.zip folder which if for automated deployment. This is the code that you will need to install on your server to run Quizix.
  • local_deployment: You will find the local deployment folder that you can use to run Quizix locally for automated deployment.

Admin Login

Client Login

Note: On the demo, if the otp page arrived then you can use the otp 123456 or any other otp to login.

🚀 API Documentation

You can find the API documentation for Quizix on our website: https://app.quiz.softivus.com/api/documentation

or you can find it when you deploy our admin panel. Just add /api/documentation after your admin panel url.

📁 Project Folder Structure

Below is the standard structure of the Laravel + TailwindCSS backend project:

admin/
├── app/
│ ├── Broadcasting/
│ ├── Casts/
│ ├── Console/
│ ├── Enums/
│ ├── Events/
│ ├── Exceptions/
│ ├── Exports/
│ ├── Facades/
│ ├── Handlers/
│ ├── Helpers/
│ ├── Http/
│ ├── Jobs/
│ ├── Listeners/
│ ├── Models/
│ ├── Notifications/
│ ├── Observers/
│ ├── Providers/
│ ├── Rules/
│ ├── Services/
│ ├── Traits/
│ └── View/
├── bootstrap/
├── config/
├── database/
│ ├── factories/
│ ├── migrations/
│ └── seeders/
├── public/
│ └── index.php
├── resources/
│ ├── admin/
│ │ ├── css/
│ │ └── js/
│ ├── client/
│ │ ├── css/
│ │ └── js/
│ ├── seller/
│ │ ├── css/
│ │ └── js/
│ ├── shared/
│ │ ├── css/
│ │ ├── fonts/
│ │ └── js/
│ ├── views/
│ │ ├── admin/
│ │ ├── client/
│ │ ├── email/
│ │ ├── seller/
│ │ ├── errors/
│ │ ├── invoice/
│ │ ├── reports/
│ │ └── vendor/
│ └── js/
├── routes/
│ ├── client/
│ │ ├── auth.php
│ │ ├── payment.php
│ │ └── main.php
│ ├── admin.php
│ ├── console.php
│ └── seller.php
├── storage/
├── tests/
├── .env.example
├── artisan
├── postcss.config
├── composer.json
├── composer.lock
├── package-lock.json
├── package.json
└── vite.config.js

Below is the standard structure of the Next.js + TailwindCSS backend project:

frontend/
│ public/
├── src/
│ ├── app/
│ ├── components/
│ ├── configs/
│ ├── constants/
│ ├── features/
│ ├── hooks/
│ ├── _mock/
│ ├── providers/
│ ├── stores/
│ ├── styles/
│ ├── types/
│ ├── utils/
│ └── middleware.js
├── eslint.config.mjs
├── index.d.ts
├── next-config.ts
├── next-env.d.ts
├── package.json
├── package-lock.json
├── postcss.config.mjs
├── readme.md
├── tsconfig.json
├── vercel.json
├── .example.env
└── .prettierrc