🚀 FT-XAMPP (Next Gen)

A modern XAMPP-like development stack powered by Docker Compose, optimized for PHP / Symfony, Vue 3 / Vite, MariaDB, Redis, and more.
All projects are placed in the htdocs folder – just like classic XAMPP, but modernized.

---

✨ Features

• 📂 htdocs projects – every project inside htdocs is automatically accessible
• ⚙️ Full support for Symfony Backend (API) + Vue Frontend (SPA)
• 🐘 PHP-FPM with custom php.ini
• 🛢 MariaDB as database engine
• 🧩 Redis for caching & sessions
• 📊 phpMyAdmin for database management
• 🖥 Dashboard (Vue + custom API) – overview of all your projects
• 🐳 100% Docker Compose based

---

✨ Description

The idea was to create a xampp-like environment in docker with more freedom.

The approach for this was to be able to easily host PHP projects and also node projects (vue, ...)

---

📦 Installation

1. Clone the repository

   git clone https://github.com/FTMahringer/FT-XAMPP-modern.git
   cd FT-XAMPP

2. Adjust your .env file
   Copy .env.example → .env and set your variables (ports, container names, passwords).

3. Start the containers

   docker compose up -d --build

4. Access in your browser

   • Dashboard → http://localhost/
   • phpMyAdmin → http://localhost:8081/
   • redisinsight → http://localhost:5540/

---

📂 Project Structure

FT-XAMPP/
├── docker/              # Dockerfiles + configs
│   ├── php/             # php.ini, Dockerfile
│   └── ...
├── data/                # Database + redis + phpmyadmin files
│   ├── mariadb_data/    # mariiadb database files
│   ├── phpmyadmin/      # phpmyadmin config files (change in docker-compose)
│   ├── redis_data/      # redis - storage
│   └── ...
├── htdocs/              # your projects (like XAMPP)
│   ├── _dashboard/      # internal dashboard (Vue + Symfony)
│   ├── project1/        # Symfony project
│   ├── project2/        # Vue frontend
│   └── ...
├── docker-compose.yml
├── .env.example
└── README.md

---

⚡ Example Setup

• Add a new project in htdocs:

  htdocs/
  ├── my-symfony-api/
  └── my-vue-app/

• Symfony accessible at:

  http://localhost/my-symfony-api/public/
  

• Vue accessible at:

  http://localhost/my-vue-app/
  

---

🔧 Development Tips

• Symfony Console inside container:

  docker exec -it ftxampp_apache bash
  php bin/console

• Node / NPM for Vue projects:

  docker exec -it ftxampp_node bash
  npm install
  npm run dev

---

📝 License

This project is released under the MIT License – free to use and adapt.

---

❤️ Credits

FT-XAMPP is a hobby project by Fynn,
inspired by XAMPP, but modernized for Docker & fullstack development.