{"id":28637852,"url":"https://github.com/zbaharyilmaz/hypergames","last_synced_at":"2025-06-12T18:35:16.308Z","repository":{"id":284944727,"uuid":"955467723","full_name":"zbaharyilmaz/hypergames","owner":"zbaharyilmaz","description":"❤︎ Powered by REACT • TAILWINDCSS •  FIREBASE •  HEROICONS ❤︎ (react-router-dom, react-toastify, vite, pnpm, axios, vercel)","archived":false,"fork":false,"pushed_at":"2025-04-05T01:29:00.000Z","size":6518,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-05T02:25:21.886Z","etag":null,"topics":["firebase","heroicons","react","tailwindcss"],"latest_commit_sha":null,"homepage":"https://hyper-games.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zbaharyilmaz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-03-26T17:25:59.000Z","updated_at":"2025-04-05T01:29:04.000Z","dependencies_parsed_at":"2025-03-28T14:46:05.785Z","dependency_job_id":null,"html_url":"https://github.com/zbaharyilmaz/hypergames","commit_stats":null,"previous_names":["zbaharyilmaz/hypergames"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/zbaharyilmaz/hypergames","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zbaharyilmaz%2Fhypergames","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zbaharyilmaz%2Fhypergames/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zbaharyilmaz%2Fhypergames/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zbaharyilmaz%2Fhypergames/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zbaharyilmaz","download_url":"https://codeload.github.com/zbaharyilmaz/hypergames/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zbaharyilmaz%2Fhypergames/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259519277,"owners_count":22870331,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["firebase","heroicons","react","tailwindcss"],"created_at":"2025-06-12T18:35:15.969Z","updated_at":"2025-06-12T18:35:16.294Z","avatar_url":"https://github.com/zbaharyilmaz.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🎮 HYPERGAMES\n\n### Where Gamers Meet!\n\nHYPERGAMES is an online platform constructed with React, Tailwind CSS and Firebase. It allows gamers to buy video games, including both classic and new releases. The user can find the price and details of the games on this site with smooth and responsive user experience.\n\n👉 **Live Demo:** [https://hyper-games.netlify.app/]\n\n### Demo\n\n![Project Demo](./public/games.gif)\n\n### Features\n\n🔐 User Authentication: Secure login and registration with Firebase Authentication.\n\n🎮 Search Functionality: Quickly find games by title.\n\n📱 Responsive Design: Fully responsive, optimized for mobile, tablet, and desktop views.\n\n📄 Game Information: Detailed information about each game.\n\n🌙 Light/Dark Mode: Switch between light and dark themes for a tailored experience.\n\n🔔 Toasts for Alerts: Smooth and informative notifications with React-Toastify.\n\n### Tech Stack\n\n⚛️ React (with Vite): Fast and modern frontend development environment.\n\n🎨 Tailwind CSS: A utility-first CSS framework for responsive and stylish designs.\n\n🔥 Firebase: Provides authentication and data management.\n\n📡 Axios:For making efficient API requests.\n\n🖼️ Heroicons: Modern icons to enhance the user interface.\n\n🔈 React-Toastify: User-friendly notifications.\n\n🚀 pnpm: Fast, reliable, and efficient package management.\n\n### Project Structure\n```plaintext\n    src\n├── App.jsx\n├── _redirects\n├── assets\n│   └── sounds\n│       └── clickSound.mp3\n├── auth\n│   └── firebase.js\n├── components\n│   ├── ErrorBoundary.jsx\n│   ├── atoms\n│   │   ├── HoverButton.jsx\n│   │   ├── Pagination.jsx\n│   │   └── SwitchButton.jsx\n│   ├── molecules\n│   │   ├── DesktopMenu.jsx\n│   │   └── MobileMenu.jsx\n│   └── organisms\n│       ├── Footer.jsx\n│       ├── Navbar.jsx\n│       └── ProductCard.jsx\n├── context\n│   ├── AuthContext.jsx\n│   └── ProductContext.jsx\n├── helpers\n│   └── Toastify.js\n├── index.css\n├── main.jsx\n├── pages\n│   ├── Home.jsx\n│   ├── Login.jsx\n│   ├── NotFound.jsx\n│   └── Register.jsx\n└── router\n    ├── AppRouter.jsx\n    └── PrivateRouter.jsx\n ```\n\n### Project Setup\n\nIf you'd like to run this project locally, follow these steps:\n\n1. **Clone the Repository and Navigate to the Project Directory:**\n\n   ```bash\n   git clone https://github.com/zbaharyilmaz/hypergames.git\n\n   cd hypergames\n   ```\n\n2. **Install Dependencies:**\n   ```bash\n   pnpm install\n   ```\n3. **Set up API**\n- Create an .env file in your project root and add the following values.\n   ```bash\n   VITE_BASE_URL=https://your-api-base-url.com\n   VITE_API_TOKEN=your_api_token\n4. **Set up Firebase:**\n- Go to Firebase Console, create a new project, and add a web app.\n- Enable Authentication and choose Email/Password.\n- Install Firebase:\n- Add Firebase configuration values to .env file.\n\n    ```bash\n   VITE_API_KEY=your_firebase_api_key\n   VITE_AUTH_DOMAIN=your_auth_domain.firebaseapp.com\n   VITE_PROJECT_ID=your_project_id\n   VITE_STORAGE_BUCKET=your_project_id.appspot.com\n   VITE_MESSAGING_SENDER_ID=your_messaging_sender_id\n   VITE_APP_ID=your_firebase_app_id\n5. **Run the Development Server:**\n\n   ```bash\n    pnpm dev\n   ```\n\n6. **Open the App:**\n\n- Visit http://localhost:3000 in your browser to view the app.\n\n###  Future Enhancements\n\n- Payment Integration: Put in place a safe payment gateway so that users can buy games straight from the platform.\n\n- User Profiles: Let users make personal profiles so they may keep track of their past purchases, wishlists, and games they've bought.\n\n- Game Reviews and Ratings: Provide a community-driven feedback system by allowing users to score and review games.\n\n### Contributing\n\nFeel free to fork the repo and submit PRs for improvements!\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzbaharyilmaz%2Fhypergames","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzbaharyilmaz%2Fhypergames","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzbaharyilmaz%2Fhypergames/lists"}