🏕️ code-camp 🎓

Welcome to the code-camp project! This is an educational repository designed to help students learn web development step-by-step, from basic HTML/PHP to advanced ranking systems.

---

💡 Learning Methodology: (WHAT), (WHY), (HOW)

Every lesson in this camp follows a structured tutoring style to ensure deep understanding:

• (WHAT): A clear description of the component or logic being built.
• (WHY): The educational context and real-world reason for using this specific tool.
• (HOW): The technical implementation details and step-by-step code breakdown.

---

🛠️ Getting Started

1. Prerequisites

• Local Web Server: XAMPP, WAMP, or MAMP.
• Git: To clone and pull updates.
• VS Code: Recommended editor.

2. Installation

1. Start Apache in your XAMPP/WAMP control panel.
2. Navigate to your web root (htdocs or www).
3. Run: git clone https://github.com/ShanukaDilan/code-camp.git

---

📂 Project Structure

📦 Chapter-01: Foundations & PHP Logic

This chapter covers the basics of Web Forms, Data Processing, Arrays, and Functions.

• lesson-01: Basic HTML Forms & PHP Grading.
• lesson-02: Arrays & Loops for multiple subjects.
• lesson-03: Classroom processing with dynamic JavaScript.
• lesson-04: Modular code using PHP Functions.
• lesson-05: Sorting algorithms and ranking leaderboards.
• Revision-01: Interactive tutorial covering all concepts.

---

---

🚀 How to Use

To run this project locally, you need a PHP environment (like XAMPP, WAMP, or the built-in PHP server).

1. Option A: Using built-in PHP server (Quickest)

   • Open your terminal in the code-camp folder.
   • Run the command: php -S localhost:8000
   • Open your browser and go to: http://localhost:8000/lesson-01/index.html

2. Option B: Using XAMPP/WAMP

   • Copy the code-camp folder into your htdocs (XAMPP) or www (WAMP) directory.
   • Start Apache from the XAMPP/WAMP control panel.
   • Open your browser and go to: http://localhost/code-camp/lesson-01/index.html

---

🛠️ Git Instructions: How to Pull the Project

If you want to download or update this project on your machine, follow these steps:

1. Initial Setup (Clone)

If you don't have the project folder yet:

• Open your terminal.
• Run: git clone <https://github.com/ShanukaDilan/code-camp.git>
• Move into the folder: cd code-camp

2. Getting Latest Updates (Pull)

If you already have the project and want the latest lessons:

• Open your terminal inside the code-camp folder.
• Run: git pull origin main