Skip to content

esrafil418/GameVerse

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GameVerse

GameVerse Logo wakatime

🚀 Live Preview

A simple and engaging video game store! Focused on a dynamic shopping cart, search, and item management. Built with pure HTML, CSS, and JavaScript (no frameworks).

Features

  • Game Display: Responsive cards with images, prices (with discounts), and platforms.
  • Shopping Cart:
    • Add/remove items with quantity management (prevents duplicates).
    • Total price calculation (supports Persian digits).
    • Persistent storage with localStorage.
  • Search: Quick filter for games by title.
  • RTL Design: Fully Persian, with responsive grid (1 to 3 columns).
  • Accessibility: ARIA labels and sr-only for screen readers.

Installation and Setup

  1. Download the Project:
  • git clone # Or download the files directly cd GameVerse
  1. Required Files:
  • Ensure the assets folder (images and icons) exists.
  • Download the Vazir font from here and link it in CSS (or use a CDN).
  1. Run:
  • Open index.html in a browser (e.g., Chrome/Firefox).
  • No server required – everything is client-side.

How to Use

  • Add to Cart: Click "Add to Cart" button – quantity updates and saves to localStorage.
  • Open Cart: Click the cart icon in the header – view total price and remove items.
  • Search: Type in the search box and hit Enter – cards filter accordingly.
  • Test: Check the browser console (F12) for logs. View localStorage in the Application tab.

License

free to use, modify, and distribute.


Built with ❤️ for JS learning. If you have questions or want help, open an issue! 🚀

Releases

Packages

Contributors

Languages