README.md

# Basic Form Project

A modern, responsive, and feature-rich Contact Form application built with HTML5, CSS3, and JavaScript. This project demonstrates best practices in web development, including form validation, local storage autosave, theme toggle (dark/light mode), and a glassmorphism design.

## Features

* **Responsive Design:** Fully responsive layout that adapting to desktops, tablets, and mobile devices.
* **Modern UI/UX:**
* Glassmorphism effect.
* Gradient background with animation.
* Floating labels and animated underlines for inputs.
* Smooth transitions and micro-interactions.
* **Dark/Light Mode:** Toggleable theme with persistence using LocalStorage.
* **Form Validation:**
* Real-time client-side validation for Name, Email, and Message.
* Visual feedback (green/red borders and error messages).
* **Auto-Save:** Drafts are automatically saved to LocalStorage, preventing data loss on page refresh.
* **Simulation Mode:**
* Simulates a backend request if running locally (file protocol) or if `submit.php` is unreachable.
* Includes a simulated delay and loading state.
* **Privacy Policy Page:** Dedicated page for privacy information.

## Technologies Used

* **HTML5:** Semantic structure.
* **CSS3:** Custom styles, Flexbox, Grid, CSS Variables, Animations.
* **JavaScript (ES6+):** DOM manipulation, Fetch API, LocalStorage, Event handling.
* **PHP:** Simple backend script (`submit.php`) to handle form submission (returns JSON).
* **Font Awesome:** For icons.
* **Google Fonts:** Poppins and Montserrat.

## File Structure

```
basic-form/
├── css/
│ └── style.css # Main stylesheet
├── js/
│ └── script.js # Application logic
├── index.html # Main contact form page
├── privacy.html # Privacy Policy page
├── submit.php # Backend handler
├── LICENSE # License file
└── README.md # Project documentation
```

## How to Run

1. **Clone the repository:**
```bash
git clone <repository-url>
```
2. **Open in Browser:**
* You can simply open `index.html` in any modern web browser.
* **Note:** The PHP backend (`submit.php`) requires a server environment (like Apache, Nginx, or PHP built-in server) to work strictly as intended. However, the JavaScript includes a **Simulation Mode** that intercepts the request if it fails or if run from the file system, allowing you to test the UI flow without a backend.

3. **Run with PHP (Optional):**
If you have PHP installed, you can run a local server:
```bash
php -S localhost:8000
```
Then visit `http://localhost:8000` in your browser.

## Authors

* **Molla Samser**
* **Rima Khatun**

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.