https://github.com/mah-shamim/simple-contact-form

A simple contact form that sends an email to the site owner using PHP, jQuery, AJAX, Bootstrap, CSS, and MySQL.
https://github.com/mah-shamim/simple-contact-form

beginner-projects bootstrap code-examples contact-form css email hands-on-projects html jquery learning-resources mysql open-source php php-tutorials web-application web-development

Last synced: 19 days ago
JSON representation

A simple contact form that sends an email to the site owner using PHP, jQuery, AJAX, Bootstrap, CSS, and MySQL.

• Host: GitHub
• URL: https://github.com/mah-shamim/simple-contact-form
• Owner: mah-shamim
• License: other
• Created: 2024-07-31T19:09:55.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-08-01T19:31:24.000Z (4 months ago)
• Last Synced: 2024-10-10T21:17:33.096Z (about 1 month ago)
• Topics: beginner-projects, bootstrap, code-examples, contact-form, css, email, hands-on-projects, html, jquery, learning-resources, mysql, open-source, php, php-tutorials, web-application, web-development
• Language: PHP
• Homepage:
• Size: 11.7 KB
• Stars: 6
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Simple Contact Form

A simple contact form that sends an email to the site owner using PHP, jQuery, AJAX, Bootstrap, CSS, and MySQL.

**Topics**: PHP, Contact Form, Email, AJAX, jQuery, Bootstrap, CSS, MySQL PDO, Web Development

## Features

- Simple contact form

- Email notification to site owner

- Stores messages in the database

### Installation Process

1. **Clone the Repository**:

   ```sh

   git clone https://github.com/yourusername/simple-contact-form.git

   cd simple-contact-form

   ```

2. **Database Setup**:

    - Create a new MySQL database.

    - Import the provided `database.sql` file to set up the necessary table.

    - Update the database configuration in `config.php`.

    - Import the provided SQL file to set up the necessary tables.

     ```sh

     mysql -u yourusername -p contact_form_db < database.sql

     ```

3. **Configure the Database Connection:**

    - Open the `config.php` file and update the database credentials.

      ```php

        

      ```

4. **Set Up Email Services:**

    - Update the `send_email.php` file with your email configuration.

5. **Start a Local PHP Server:**

    - Start the PHP built-in server.

      ```sh

      php -S localhost:8000

      ```

6. **Access the Application:**

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

## Usage

1. Open the application in your web browser.

2. Fill out the contact form and submit.

3. The message will be sent to the site owner's email and stored in the database.

### File Structure

Here’s a basic file structure for your simple-contact-form application:

```

simple-contact-form/

├── css/

│   └── styles.css

├── js/

│   └── script.js

├── config.php

├── index.php

├── process_form.php

├── send_email.php

└── README.md

```