JS Memory Challenge

An interactive memory matching game built using pure JavaScript, HTML5, and CSS3.

Live Demo

Check out the live game here: Play JS Memory Challenge

Project Overview

This project is a fully functional memory game designed to test logic and memory skills. It features a complete user flow, from registration and login to the core gameplay experience, ending with dynamic win/loss screens based on performance.

Core Features

• Dynamic Game Logic: Implements card shuffling, matching validation, and move counting using Vanilla JavaScript.
• User Authentication Flow: Includes dedicated Login and SignUp modules to manage user sessions.
• State-Based UI: Transitions between different game states (Active, Win, Loss) based on user actions.
• Responsive Design: A clean interface that ensures the game is playable on various screen sizes.

Technical Implementation

• DOM Manipulation: Efficiently updating game elements and handling card flips in real-time.
• Event Listeners: Managing user interactions through optimized JavaScript event handling.
• File Structure: Organized directory layout (Game, Login, SignUp, Win, Loss) for better maintainability.

How to Run Locally

1. Clone the repository: git clone https://github.com/LeahAbrahams/JS-Memory-Challenge.git
2. Open Login/Login.html in any modern web browser.