Download the PHP package ozi/ozi_script without Composer
On this page you can find all versions of the php package ozi/ozi_script. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download ozi/ozi_script
More information about ozi/ozi_script
Files in ozi/ozi_script
Package ozi_script
Short Description Ozi script is an easy-to-use web development framework that handles both front-end and back-end web development. It uses a component-based concept, meaning that everything in Ozi script is a component, and a component is a method or function created to handle a specific task.
License MIT
Informations about the package ozi_script
π Ozi Script Documentation
Version: 0.5
Ozi Script is an easy-to-use web development framework designed to simplify both front-end and back-end web development. Built on modern development principles, it adopts a component-based architecture, where every element is a reusable component. Ozi Script ensures that your projects follow DRY (Don't Repeat Yourself) and KISS (Keep It Simple, Stupid) principles for efficient coding.
Key Features
-
𧩠Component-Based Architecture:
Create reusable, modular components to improve scalability and maintainability of your app. -
π Progressive Web App (PWA) Capabilities:
Ozi Script apps are installable, work offline, and can access native device features like push notifications, contacts, and file storage. -
βοΈ Extensibility with Widgets and Plugins:
Easily enhance your app with pre-built widgets and plugins that offer powerful additional functionality. - β‘ Easy Setup and Development:
Ozi Script streamlines your workflow with a simple installation process and intuitive structure, helping you get started quickly.
Installation
Prerequisites
Ensure you have the following installed on your machine:
- π» XAMPP (or any PHP server)
- π¦ Composer
Step-by-Step Installation
- β Verify PHP and Composer installation:
Both commands should return the installed versions.
- π₯ Install Ozi Script:
Replace projectName
with your desired project name.
-
π Navigate to the project folder:
- π Start the development server:
By default, the server runs on port 3000. To use a custom port, specify it like this:
- π Open the app in your browser:
- For default:
http://localhost:3000
- For custom:
http://localhost:5000
- For default:
Congratulations! π Ozi Script is successfully installed.
Folder Structure
Here's an overview of the default folder structure for Ozi Script (v0.5):
Detailed Folder Overview
1. Assets/
This folder stores all your projectβs media and styling files.
- πΈ Media/: Store images and icons.
- π¨ Styles/: Default styles and scripts (
default_css.css
,default_js.js
).
2. Components/
Houses all your appβs screens (pages) and reusable components.
- π§ Comp_files/: Contains small reusable components like
header.php
andfooter.php
.
3. Cores/
All back-end logic resides here.
- π₯οΈ Cores_files/: Auxiliary scripts for backend processes (e.g., database connections).
4. Screens/
Contains app route definitions (e.g., home, about, etc.).
5. System_files/
Stores dependencies and essential files for your project.
- π οΈ
ozi_command/
: Powers Ozi CLI commands. - π¨
Cssd.php
: Handles CSS dependencies (uses Bootstrap by default). - π»
Jsd.php
: Manages JavaScript dependencies (default: Bootstrap.js). - π
Router.php
: Implements routing (supports SPA and MPA). - π
Plugins/
: Optional third-party plugins. - π§©
Widgets/
: Optional reusable UI components.
6. Others
- π±
Manifest.json
: Configures PWA features. - π
sw.js
: Service worker for offline functionality. - βοΈ
offline.html
: Offline fallback page. - π οΈ
System_config.php
: Manages project-wide settings. - π§βπ»
Ui_config.php
: Central template for client-side dependencies.
Widgets
What Are Widgets?
Widgets are reusable UI components that come pre-styled and pre-configured. Examples include Floating Action Buttons (FAB) and navbars.
Installing Widgets
Run the following command to install a widget:
Example (to install FAB):
To remove a widget:
Using Widgets
Once installed, call the widget in your component files.
Example: Calling FAB Widget
Plugins
What Are Plugins?
Plugins add advanced functionalities to your project, such as API integrations or complex processing tools.
Installing Plugins
Run the following command to install a plugin:
Using Plugins
After installation, include the plugin in your desired components.
Example: Using a Plugin
Additional Notes
- π Every widget and plugin includes documentation and usage examples.
- π₯ Video tutorials are available on the Ozi Script YouTube Channel.
Start building powerful web apps effortlessly with Ozi Script! π