🎮 Arcade Array

Arcade Array is a high-performance gaming platform designed for enthusiasts to discover new titles, manage personal wishlists, and build a social community. It features real-time interactions, secure payment gateways, and a sleek user experience inspired by modern gaming dashboards.

🚀 Live Demo | 🎨 Figma Design | 📄 API Documentation

---

✨ Key Features

• 🕹️ Comprehensive Game Library: Browse games with detailed metadata including developers, release dates, and platform support.
• 🤝 Real-time Social Engine: Built-in friends system allowing users to send, accept, or reject requests.
• 🟢 Live Status Tracking: Real-time online/offline status updates for friends powered by Socket.io.
• 📌 Smart Wishlists: Effortlessly curate your "must-play" list with add/remove functionality.
• 💳 Multi-Gateway Payments: Integrated with Stripe and Razorpay for secure transactions.
• 🔐 Advanced Authentication: Secure JWT-based auth featuring sign-up, login, and full password recovery via email.
• 🔔 Notification Hub: Stay updated on friend activities and system alerts instantly.

---

🛠️ Tech Stack

Frontend

• Core: React.js (Vite), React Router Dom v7
• Real-time: Socket.io-client
• Styling: Tailwind CSS, Framer Motion, Styled Components
• Payments: @stripe/react-stripe-js & Razorpay SDK
• Tools: Axios, Swiper, React Toastify

Backend

• Runtime: Node.js & Express.js
• Database: MongoDB Atlas with Mongoose ODM
• Security: Bcrypt, Helmet, JSON Web Token (JWT)
• Cloud Services: Cloudinary (Media), Nodemailer (Email)

---

🏗️ Project Architecture

API Endpoints

Category	Endpoint	Method	Description
Auth	/api/auth/signup	POST	Register a new account
Auth	/api/auth/login	POST	Secure user login
Games	/api/games	GET	Fetch the full game library
Games	/api/games/wishlist/:userId	GET	Get user's wishlist
Friends	/api/friends/request	POST	Send a friend request
Payment	/payment	POST	Handle Stripe/Razorpay transactions

---

🚀 Getting Started

Prerequisites

• Node.js (v18+)
• MongoDB Atlas Account
• API Keys: Cloudinary, Stripe, Razorpay, and SMTP for Email

Installation

1. Clone the Repo

   git clone [https://github.com/krishshyara25/arcade_array.git](https://github.com/krishshyara25/arcade_array.git)
   cd arcade_array

2. Backend Setup

   cd Backend
   npm install
   # Create a .env file with: MONGO_URI, JWT_SECRET, EMAIL_USER, EMAIL_PASS, etc.
   npm start

3. Frontend Setup

   cd ../Frontend
   npm install
   npm run dev

---

🎯 Contributing

Contributions make the community amazing!

1. Fork the Project.
2. Create your Feature Branch (git checkout -b feature/AmazingFeature).
3. Commit your Changes (git commit -m 'Add AmazingFeature').
4. Push to the Branch (git push origin feature/AmazingFeature).
5. Open a Pull Request.