New Plan Zut

Schedule for ZUT students built with PHP, HTML, CSS, and TypeScript.

Table of Contents

• New Plan Zut
  • Table of Contents
  • Technologies
  • Requirements
  • Installation
    • 1. Clone the Repository
    • 2. Install PHP Dependencies
    • 3. Set Up the Database
    • 4. Install TypeScript Globally
  • Running the Application
    • 1. Start the Web Server
    • 2. Access the Application
    • 3. Compile TypeScript into JavaScript
    • 4. Run front-end using live server or opening index.html
  • Project Structure
  • Demo

Technologies

• Backend: PHP
• Frontend: HTML5, CSS3, TypeScript
• Database: SQLite

Requirements

Before you begin, ensure you have met the following requirements:

• PHP: Version 8.0 or higher
• Composer: For managing PHP dependencies
• Node.js and npm: For managing frontend dependencies and building TypeScript

Installation

1. Clone the Repository

git clone https://github.com/Dragodui/new-plan-zut.git
cd new-plan-zut

2. Install PHP Dependencies

Ensure you have Composer installed. Then run:

cd backend
composer install

3. Set Up the Database

You can setup your .sqlite database using this script

4. Install TypeScript Globally

npm install -g typescript

Running the Application

1. Start the Web Server

You can use PHP's built-in server for development:

cd backend
php composer.phar start

2. Access the Application

Open your browser and navigate to http://localhost:8000.

3. Compile TypeScript into JavaScript

cd frontend
tsc

4. Run front-end using live server or opening index.html

Project Structure

new-plan-zut/
    ├── README.md
    ├── backend/
    │   ├── composer.json
    │   ├── composer.lock
    │   ├── public/
    │   │   └── index.php
    │   └── src/
    │       ├── Controller.php
    │       ├── Router.php
    │       ├── Controllers/
    │       │   ├── BuildingController.php
    │       │   ├── ClassroomController.php
    │       │   ├── ScheduleController.php
    │       │   ├── SubjectController.php
    │       │   └── TeacherController.php
    │       ├── Database/
    │       │   ├── Database.php
    │       │   └── initializeDB.php
    │       ├── Models/
    │       │   ├── BuildingModel.php
    │       │   ├── ClassroomModel.php
    │       │   ├── GroupModel.php
    │       │   ├── ScheduleModel.php
    │       │   ├── StudentModel.php
    │       │   ├── SubjectModel.php
    │       │   └── TeacherModel.php
    │       └── Utils/
    │           └── GetCurrentSemester.php
    └── frontend/
        ├── index.html
        ├── tsconfig.json
        ├── css/
        │   └── styles.css
        └── src/
            ├── Schedule.ts
            ├── main.ts
            └── types/
                └── global.d.ts

Demo