https://github.com/ucangun/memory_game_with_js
Harry Potter Memory Game is a responsive, interactive memory game built with HTML5, CSS3, Bootstrap, and JavaScript. It features card flipping, matching, and scoring mechanics, showcasing skills in JavaScript game logic and Bootstrap grid layout for responsive design.
https://github.com/ucangun/memory_game_with_js
Last synced: about 2 months ago
JSON representation
Harry Potter Memory Game is a responsive, interactive memory game built with HTML5, CSS3, Bootstrap, and JavaScript. It features card flipping, matching, and scoring mechanics, showcasing skills in JavaScript game logic and Bootstrap grid layout for responsive design.
- Host: GitHub
- URL: https://github.com/ucangun/memory_game_with_js
- Owner: ucangun
- Created: 2024-06-05T11:51:41.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-06-12T22:24:57.000Z (12 months ago)
- Last Synced: 2025-02-10T08:15:26.434Z (4 months ago)
- Language: JavaScript
- Homepage:
- Size: 21.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Harry Potter Memory Game
https://umutsmemorygame.netlify.app/
## Project Purpose
The primary objective of this project is to enhance and demonstrate my skills in JavaScript while incorporating HTML5, CSS3, and Bootstrap. The project aims to develop a responsive memory game themed around Harry Potter, serving as a practical application to showcase my proficiency in JavaScript programming and utilization of Bootstrap for styling, including grid concepts.
## Project Skeleton
```
(folder)
|----img
|----index.html
|----index.js
|----style.css
|----readme.md
```
## Outcome
## Technologies Used
- **HTML5**: Utilized for structuring the content and layout of the memory game.
- **CSS3**: Employed for styling and enhancing the visual aspects of the game.
- **Bootstrap**: Integrated for responsive design and grid layout.
- **JavaScript**: Implemented for the game logic, including card flipping, matching, and scoring.
### At the end of the project, will be able to;
This project has significantly contributed to my understanding and mastery of JavaScript by providing practical experience in developing interactive web applications. By incorporating Bootstrap for styling and ensuring responsiveness, it showcases my ability to create engaging and functional web projects.
⌛ Happy Gaming! ✨