https://github.com/mah-shamim/simple-weather-app

A weather application that fetches and displays weather information from an API using PHP, jQuery, AJAX, Bootstrap, CSS, and MySQL.
https://github.com/mah-shamim/simple-weather-app

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

Last synced: 17 days ago
JSON representation

A weather application that fetches and displays weather information from an API using PHP, jQuery, AJAX, Bootstrap, CSS, and MySQL.

• Host: GitHub
• URL: https://github.com/mah-shamim/simple-weather-app
• Owner: mah-shamim
• License: mit
• Created: 2024-08-01T15:24:37.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-08-01T16:09:10.000Z (9 months ago)
• Last Synced: 2025-03-28T09:11:09.725Z (about 1 month ago)
• Topics: beginner-projects, bootstrap, code-examples, css, hands-on-projects, html, jquery, learning-resources, mysql, open-source, php, php-tutorials, weather-api, web-application, web-development
• Language: PHP
• Homepage:
• Size: 72.3 KB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Simple Weather App

A weather application that fetches and displays weather information from an API using PHP, jQuery, AJAX, Bootstrap, CSS, and MySQL.

![simple-weather-app](img/simple-weather-app.png)

### Install Process

1. **Clone the repository:**

   ```sh

   git clone https://github.com/your-username/simple-weather-app.git

   cd simple-weather-app

   ```

2. **Set up the database:**

    - Create a database named `weather_app`.

    - Import the provided SQL file (`database/database.sql`) to set up the necessary tables.

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

    ```sh

      mysql -u yourusername -p weather_app < database.sql

    ```

3. **Configure the application:**

    - Copy `config.sample.php` to `config.php`:

      ```sh

      cp config.sample.php config.php

      ```

    - Open `config.php` and update the database configuration and API key details.

4. **Run the application:**

    - Serve the application using your local web server or PHP's built-in server:

      ```sh

      php -S localhost:8000

      ```

5. **Access the application:**

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

### File Structure

Here’s a basic file structure for your simple-weather-app application:

```

simple-weather-app/

│

├── config.sample.php

├── index.html

├── database.sql

├── src/

│   ├── api.php

│   └── fetch_weather.php

├── css/

│   └── styles.css

├── js/

│   └── script.js

├── README.md

└── .gitignore