🎮 GamerStore

GamerStore is a full-stack web application for gamers — built with React + TypeScript on the frontend and Node.js + Express on the backend.
It demonstrates how to create a modern, responsive online store with a pleasant UI, structured client logic, and a lightweight backend.

💡 Main goal: to practice full-stack development and prepare for a software engineering internship in Germany.

---

⚡ Key Features

✅ Modern UI/UX — clean design with SCSS and responsive layout
🛒 Product Catalog — browse, search, filter, and sort games or gear
💾 Server Logic — backend stores user data in users.json
🧠 TypeScript Everywhere — safe typing and clear project structure
🚀 Scalable Setup — organized architecture for easy feature expansion

---

🛠 Tech Stack

Layer	Technologies
Frontend	React, TypeScript, SCSS, HTML, JavaScript
Backend	Node.js, Express, TypeScript
Data Storage	JSON (users.json)
Development Tools	VSCode, Prettier, Live Server

---

📁 Project Structure

GamerStore/
│
├─ client/              # Frontend (React + TypeScript)
│  ├─ dist/
│  │  ├─ assets/
│  │  ├─ 404.html
│  │  └─ index.html
│  └─ src/
│     ├─ assets/
│     ├─ components/
│     ├─ logic/
│     └─ services/
│
├─ server/              # Backend (Node.js + Express)
│  ├─ data/
│  │  └─ users.json
│  ├─ src/
│  │  ├─ .env
│  │  └─ server.ts
│  ├─ tsconfig.json
│  ├─ package.json
│  └─ package-lock.json

---

🚀 How to Run the Project

🔹 Frontend

cd client
npm install
npm run dev

🔹 Backend

cd server
npm install
npx tsc
node dist/server.js

---

🎯 Objectives

• Strengthen skills in React + TypeScript and Node.js
• Build a real full-stack web app with client and server logic
• Prepare for collaborative, professional development

---

🌱 Future Improvements

• 🔗 Integrate a real database (MongoDB / PostgreSQL)
• 💅 Enhance UI/UX with animations and transitions
• 🧩 Expand product catalog with filters and shopping cart
• 🔐 Add authentication and persistent user sessions
• ☁️ Deploy the app to Vercel + Render / Railway

---

🖼 Preview

(Add screenshots or a demo GIF here — e.g. /client/src/assets/demo.gif)

---

👨‍💻 Author

Alexandru Chet
📍 Aspiring Full-Stack Developer
🔗 GitHub Profile

---

⭐ If you like this project, give it a star on GitHub!