🎮 Flipmoji – Emoji Memory Game

Flipmoji is a fun and interactive emoji memory puzzle game where players flip cards to find matching emoji pairs. The game tests memory, concentration, and speed while providing an engaging user experience.

This project was built as a web-based game using HTML, CSS, JavaScript, and Firebase for backend integration.

📌 Project Overview

Flipmoji is designed to provide a simple yet challenging memory game experience. Players flip two cards at a time and try to match identical emojis. If the emojis match, they remain visible; otherwise, the cards flip back.

Firebase is integrated to support data storage, analytics, and hosting capabilities, making the application scalable and cloud-ready.

✨ Features

🎮 Interactive emoji flip card game

🧠 Memory-based gameplay challenge

⏱️ Timer-based performance tracking

🔄 Restart and reset game option

📱 Responsive design for desktop and mobile

🔥 Firebase integration for backend services

🎨 Smooth UI animations and card flipping effects

🛠️ Technologies Used Frontend

HTML5

CSS3

JavaScript (ES6)

Backend / Cloud

Firebase Authentication (optional)

Firebase Firestore / Realtime Database

Firebase Hosting

Tools

Git

GitHub

VS Code

📂 Project Structure Flipmoji/ │ ├── index.html ├── style.css ├── script.js ├── firebase-config.js │ ├── assets/ │ ├── emojis/ │ └── images/ │ └── README.md 🔥 Firebase Configuration

This project uses Firebase services for cloud integration.

Example Firebase configuration:

const firebaseConfig = { apiKey: "YOUR_API_KEY", authDomain: "YOUR_PROJECT.firebaseapp.com", projectId: "YOUR_PROJECT_ID", storageBucket: "YOUR_PROJECT.appspot.com", messagingSenderId: "XXXXXXX", appId: "XXXXXXX" };

firebase.initializeApp(firebaseConfig);

Firebase can be used for:

Hosting the application

Saving player scores

Game analytics

Authentication (optional)

🚀 How to Run the Project 1️⃣ Clone the repository git clone https://github.com/AgalyaS1757/flipmoji.git 2️⃣ Navigate to the project folder cd flipmoji 3️⃣ Open the project

Simply open index.html in your browser.

OR run using Live Server (VS Code extension).

🎮 How to Play

Start the game.

Click on a card to flip it.

Flip another card to find the matching emoji.

If the emojis match, the cards remain visible.

If they do not match, the cards flip back.

Match all pairs to complete the game.

📚 Learning Outcomes

Through this project, I learned:

Building interactive web applications

Implementing game logic using JavaScript

Managing UI interactions and animations

Integrating Firebase cloud services

Deploying web apps using Firebase Hosting