🏆 GameForce Elite — Second Midterm Project

Web project developed for the Second Midterm Exam of the course:
Markup Languages and Web Technologies Workshop – 2nd Semester 2025.

The work consists of creating a complete site for GameHub Solidario, a community that organizes video game tournaments for charitable purposes.

---

🔗 Online Demo

👉 https://0600donrouch.github.io/gameforcetournaments

---

🎮 Project Objective

The website represents GameForce Elite, a platform that combines:

1. High-level esports competitions. 2. Real social impact, showcasing solidarity campaigns and ways to collaborate.

The site fulfills all the evaluation requirements and includes:

---

📌 Site Pages

⭐ index.html — Public Site

Includes:

• Project landing page.
• Mission, objectives, and the social value of solidarity gaming.
• Active tournaments.
• Rules and regulations.
• Ranking / leaderboard.
• Testimonials and multimedia gallery.
• "I want to collaborate" buttons leading to quierocolaborar.html.
• Admin Login System - Username: mari - Password: 123 - If correct → redirects with parameter: admin.html?user=mari.
  • If incorrect → displays an error message without proceeding.

---

⭐ admin.html — Internal Dashboard

Includes:

• Greeting based on the parameter received (e.g., "Welcome mari").
• CRUD Mockup for tournaments/campaigns (no backend):
  • Create tournament/campaign (title, game, platform, date, slots, solidarity goal).
  • Edit rules, symbolic prizes, PDF links, and streams.
  • Delete items from the list.
• Optional: list of registrants and sponsors.
• Option to return to Home.
• Consistent header and footer with the public site.

---

⭐ quierocolaborar.html — Public Form

Dynamic form based on the type of collaboration:

🟦 Financial

• Amount
• Contribution type (one-time / monthly)
• Payment method

🟩 Labor

• Role
• Availability
• Location/Zone
• Preferred game/platform

🟪 Outreach

• Social media platforms
• Frequency
• Press kit download

Additionally:

• Coherent navigation.
• Consistent header/footer.
• Accessible and responsive design.

---

🛠️ Technologies Used

• HTML5 - CSS3 - JavaScript

---

📂 Project Structure

• index.html
• admin.html
• quierocolaborar.html
• css/
  • styles.css
• js/
  • scripts.js
• multimedia/
  • photo.jpg
  • video.mp4
  • audio.mp3

---

📝 Result / Grade

Final Grade: > 10/10

---

🧾 Professor's Feedback

Very complete and professional site. Good design and real content. Excellent work.

---

🚀 Author

GitHub – entorpecimiento

---

"Are you ready to compete for a better future?"