{"id":29013252,"url":"https://github.com/jahidhasansabbir/app-store","last_synced_at":"2026-04-11T19:32:30.832Z","repository":{"id":301125785,"uuid":"1008218963","full_name":"jahidhasansabbir/app-store","owner":"jahidhasansabbir","description":"AppStore is a fully responsive, single-page web application that allows users to explore apps across various categories. Built with React and Firebase, the platform provides seamless authentication, personalized profiles, and more.","archived":false,"fork":false,"pushed_at":"2025-06-25T09:33:29.000Z","size":3385,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-25T09:39:33.822Z","etag":null,"topics":["daisyui","firebase","react","react-router","tailwindcss"],"latest_commit_sha":null,"homepage":"https://appstore-1529c.web.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jahidhasansabbir.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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,"zenodo":null}},"created_at":"2025-06-25T07:57:19.000Z","updated_at":"2025-06-25T09:33:32.000Z","dependencies_parsed_at":"2025-06-25T09:49:52.757Z","dependency_job_id":null,"html_url":"https://github.com/jahidhasansabbir/app-store","commit_stats":null,"previous_names":["jahidhasansabbir/app-store"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jahidhasansabbir/app-store","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jahidhasansabbir%2Fapp-store","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jahidhasansabbir%2Fapp-store/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jahidhasansabbir%2Fapp-store/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jahidhasansabbir%2Fapp-store/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jahidhasansabbir","download_url":"https://codeload.github.com/jahidhasansabbir/app-store/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jahidhasansabbir%2Fapp-store/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261937078,"owners_count":23232852,"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":["daisyui","firebase","react","react-router","tailwindcss"],"created_at":"2025-06-25T19:10:34.222Z","updated_at":"2025-12-30T22:24:13.291Z","avatar_url":"https://github.com/jahidhasansabbir.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚀 AppStore\n\n**AppStore** is a fully responsive and dynamic single-page web application that enables users to discover, install, and review apps across various categories. It supports email/password and Google-based login using Firebase authentication, and provides an engaging user experience with trending apps, categorized listings, and real-time user reviews.\n\n---\n\n## 🎯 Project Purpose\n\nThe purpose of this project is to build a user-centric AppStore platform where users can:\n- Browse trending and categorized apps\n- View app details and install/uninstall them\n- Submit and view app reviews\n- Manage their profile information\n- Receive app notifications\n\n---\n\n## 🌐 Live Site\n\n [Live URL](https://appstore-1529c.web.app/)\n\n---\n\n## 🔑 Key Features\n\n- 🔐 **Authentication** using Firebase (email/password and Google)\n- 🔁 **Protected Routes** for App Details, My Profile, and Notifications\n- ⭐ **App Reviews** with dynamic rendering of comments and ratings\n- 📲 **Install/Uninstall Toggle** for apps\n- 📚 **Categories**: Education, Productivity, Health\n- 🔥 **Trending Apps** based on rating\n- 🖼️ **Responsive Image Sliders** for promotions\n- 🧭 **Dynamic Navbar \u0026 Footer** on all pages\n- 📝 **Editable User Profile** (with `updateProfile`)\n- 🔔 **Notification Page** for logged-in users\n- ❌ Custom **404 Not Found** page\n- 🧭 **Dynamic Page Titles**\n- 💬 **Toast \u0026 Alert Feedback** for actions (success/error)\n- 🔁 **Persistent Login** using `onAuthStateChanged` from Firebase\n\n---\n\n## 🧱 Layout Structure\n\n### ✅ Navbar\n- Logo and links to: Apps, My Profile\n- Active link highlighting\n- Shows Login or User Profile + Logout (with username on hover)\n\n### ✅ Main Section\n- Renders based on route (Apps, Details, Profile, etc.)\n\n### ✅ Footer\n- Terms of Service, Privacy Policy, Developer Resources,Support, Social Media\n\n---\n\n## 📦 JSON Data\n\n- At least 8 apps\n- At least 3 categories ( Productivity, Gaming, Education)\n- Each app has: ID, name, developer, thumbnail, banner, downloads, rating, category, features, reviews\n\n---\n\n## 📄 Pages Overview\n\n### 🏠 Home (Apps) Page\n- 🔄 **Slider** with 3+ slides\n- 📈 **Trending Section** (Top 4 rated apps)\n- 📂 **Category Sections** (e.g., Productivity, Health, Education)\n- ➕ **Extra Section** (e.g., Testimonials or FAQs)\n- 📦 **App Cards**: thumbnail, name, rating, downloads (click to view details)\n\n### 🔍 App Details Page _(Protected)_\n- Full app info (from JSON)\n- **Install/Uninstall** functionality\n- Review form (Review + Rating [1–5])\n- Only installed users can review (review persists for session only)\n\n### 👤 My Profile _(Protected)_\n- Show: name, email, photo\n- Editable name and photo (with `updateProfile`)\n\n### 🔔 Notification Page _(Protected)_\n- Displays messages for logged-in users\n\n### 🔐 Login/Register\n- Email, Password, Google login\n- Password rules: 1 uppercase, 1 lowercase, min 6 chars\n- All alerts via **SweetAlert**\n\n### ❌ 404 Page\n- For unknown routes\n\n---\n\n## 🛠️ Technologies Used\n\n| Technology         | Purpose                                    |\n|--------------------|--------------------------------------------|\n| **React**          | Frontend Framework                         |\n| **React Router DOM** | Routing \u0026 Protected Routes              |\n| **Tailwind CSS**   | Utility-First CSS Framework                |\n| **DaisyUI**        | Tailwind-based UI Component Library        |\n| **Firebase**       | Auth, Hosting, User State                  |\n| **SweetAlert2**    | Alerts and Toast messages                  |\n| **React Icons**    | Icons in UI                                |\n\n---\n\n## 🔐 Firebase \u0026 Env Setup\n\n- Firebase credentials are stored in `.env.local`:\n\n---\n\n## 📦 Dependencies\n\n| Package                         | Version     | Description                                              |\n|----------------------------------|-------------|----------------------------------------------------------|\n| `@tailwindcss/vite`             | ^4.1.5      | Vite plugin for Tailwind CSS                             |\n| `firebase`                      | ^11.6.1     | Firebase SDK for authentication and backend services     |\n| `react`                         | ^19.1.0     | Core React library                                       |\n| `react-dom`                     | ^19.1.0     | Entry point to the DOM for React                         |\n| `react-icons`                   | ^5.5.0      | Popular icon packs as React components                   |\n| `react-rating`                 | ^2.0.5      | Simple star rating UI component                         |\n| `react-router`                  | ^7.5.3      | Declarative routing for React apps                       |\n| `react-simple-star-rating`      | ^5.1.7      | Lightweight star rating component                        |\n| `react-toastify`                | ^11.0.5     | Toast notifications for success/error handling           |\n| `sweetalert2`                   | ^11.21.0    | Modern pop-up modals and alerts                          |\n| `swiper`                        | ^11.2.6     | Mobile-friendly slider component                         |\n| `tailwindcss`                   | ^4.1.5      | Utility-first CSS framework                              |\n\n---\n\n## 🧰 Installation \u0026 Setup Guide\n\n### 1. Clone the Repository\n\n```bash\ngit clone https://github.com/jahidhasansabbir/app-store.git\ncd app-store\n```\n\n### 2. Install Dependencies\n\nMake sure you have Node.js installed, then run:\n\n```bash\nnpm install\n```\n\n### 3. Create `.env.local` File\n\nAt the root of your project, create a `.env.local` file and add the following Firebase environment variables:\n\n```env\nVITE_apiKey=your_api_key\nVITE_authDomain=your_auth_domain\nVITE_projectId=your_project_id\nVITE_storageBucket=your_storage_bucket\nVITE_messagingSenderId=your_messaging_sender_id\nVITE_appId=your_app_id\n```\n\n\u003e ⚠️ **Important:** Do not commit `.env.local` to version control. Make sure it is listed in your `.gitignore` file.\n\n### 4. Run the Application Locally\n\nStart the development server:\n\n```bash\nnpm run dev\n```\n\nThen open your browser and visit:\n\n[http://localhost:5173](http://localhost:5173)  \n(or the port provided in your terminal)\n\n---\n\n\nThank you for visiting! 🎉\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjahidhasansabbir%2Fapp-store","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjahidhasansabbir%2Fapp-store","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjahidhasansabbir%2Fapp-store/lists"}