Projeto: Aware of the Oceans

Overview

This project is focused on raising awareness about ocean pollution and encouraging users to take action through interactive features like games, volunteer registration, and educational content.

Folder Structure

Projeto/ ├── .env # Environment variables for database configuration ├── conexaologin.php # Handles database connection for login ├── jogo.css # Styles for the game page ├── jogo.js # JavaScript logic for the game ├── jogo.php # Game page with rules and gameplay ├── jquery-3.6.1.js # jQuery library ├── juntaaequipa.php # Volunteer registration and management ├── login.css # Styles for the login page ├── Login.php # Login page logic ├── logout.php # Logout functionality ├── projeto.js # Main JavaScript for the project ├── projeto.php # Main project page ├── proteção.php # Session protection logic ├── teste.php # Auxiliary PHP file for testing ├── upload.php # Image upload functionality ├── volunt.js # JavaScript for volunteer-related features ├── voluntario.css # Styles for volunteer pages ├── voluntário.php # PHP class for volunteer management ├── bootstrap-5.0.2-dist/ # Bootstrap framework files │ ├── css/ │ └── js/ ├── Imagens/ # Image assets │ ├── cartoon.jpg │ ├── Cigarro.png │ ├── Fruta.png │ ├── golfinho.webp │ ├── jogo.jpg │ ├── Lata.png │ ├── lixo.jpeg │ ├── oceanback.jpg │ ├── poluicao.jpg-cópia.tiff │ ├── Saco de plástico.png │ ├── Saco papel.png │ ├── tartaruga.jpg │ ├── tartaruga2.png │ ├── turtle.webp │ ├── Vidro.png ├── uploads/ # Uploaded images │ ├── andre.jpeg

Features

• Game: Play an interactive game to raise awareness about ocean pollution (jogo.php).
• Volunteer Registration: Join the team and contribute to the cause (juntaaequipa.php).
• Image Upload: Share your experiences by uploading images (upload.php).
• Educational Content: Learn about ocean pollution and how to help (projeto.php).

Technologies Used

• Frontend: HTML, CSS, JavaScript, Bootstrap
• Backend: PHP
• Database: MySQL (configured via .env file)
• Libraries: jQuery, Bootstrap

Setup Instructions

1. Clone the repository.
2. Configure the .env file with database credentials
3. Start a local server and ensure PHP and MySQL are installed.
4. Access the project via your browser.

License

This project is licensed under the MIT License.