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
  • Swagger: Swagger UI for API documentation
  • JavaScript: JQuery, Alpinejs
  • Real-Time Communication: firebase
  • Caching: Redis/Memcache/Database/File

Frontend​

  • Framework: Next.js 15
  • Styling: Tailwindcss
  • JavaScript: Typescript
  • State Management: Zustand
  • React Query: React Query for data fetching and caching (Client-Side)
  • Native Fetch: Fetch API for server-side data fetching
  • SSR: Next.js supports Server-Side Rendering (SSR) for optimized performance
  • SSG: Next.js supports Static Site Generation (SSG) for faster builds
  • Service Worker: Next.js supports Service Worker for offline support
  • PWA: Next.js supports Progressive Web App (PWA) for better user experience

Note: We have two frontend projects one for standalone and another for static export, Which is allow you to deploy your Quizix on any platform.

Deployment​

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

📦 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/
│   ├── shared/
│   │   ├── css/
│   │   ├── fonts/
│   │   └── js/
│   ├── views/
│   │   ├── admin/
│   │   ├── client/
│   │   ├── email/
│   │   ├── errors/
│   │   ├── invoice/
│   │   ├── reports/
│   │   └── vendor/
│   └── js/
├── routes/
│   ├── client/
│   │   ├── auth.php
│   │   ├── payment.php
│   │   └── main.php
│   ├── admin.php
│   └── console.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/
│   ├── 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