https://github.com/ahmedmitwally77/game-oop

The OOP Game is a platform for discovering various games and their details.
https://github.com/ahmedmitwally77/game-oop

api bootstrap5 css3 display dom eventlistener fetch-api font-awesome games html5 javascript oop

Last synced: 19 days ago
JSON representation

The OOP Game is a platform for discovering various games and their details.

• Host: GitHub
• URL: https://github.com/ahmedmitwally77/game-oop
• Owner: ahmedmitwally77
• Created: 2024-10-07T21:51:24.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2025-01-16T20:50:55.000Z (20 days ago)
• Last Synced: 2025-01-16T21:44:45.403Z (20 days ago)
• Topics: api, bootstrap5, css3, display, dom, eventlistener, fetch-api, font-awesome, games, html5, javascript, oop
• Language: JavaScript
• Homepage: https://ahmedmitwally77.github.io/Game-OOP/
• Size: 1.01 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
I am excited to share my latest project where I combined Object-Oriented Programming (OOP) principles with API integration to build a dynamic web application. Here are the key features and technologies I used:

1. Project Structure :

 - The web application is divided into two main sections:

 - Games Section : Displays a list of games.

 - Details Section :Shows detailed information about a selected game.

2. Functionality :

 - Upon clicking a game in the Games Section, the Details Section is displayed with the relevant game data.

 - The transition between sections ensures a smooth user experience.

3. API Integration :

 - The application fetches game details from an API using the game's ID.

 - This ensures that the data displayed is always up-to-date and accurate.

4. OOP Implementation :

 - Each section is encapsulated in its own class, promoting code modularity and reusability.

 - A dedicated UI class handles all display-related methods, maintaining a clean separation of concerns.

 - ⭐ Top Topics Covered:

 📌 OOP

 📌 Free-Games API

 📌 Responsive design

 📌 Bootstrap

🔗 demo link:https://ahmedmitwally77.github.io/Game-OOP/#