{"id":25326401,"url":"https://github.com/mdhasanshuvo/tech-discovery-client","last_synced_at":"2026-04-10T07:51:10.033Z","repository":{"id":275895766,"uuid":"924309377","full_name":"mdhasanshuvo/tech-discovery-client","owner":"mdhasanshuvo","description":"Discover and share the latest in tech with Tech Discovery. Explore cutting-edge web apps, AI tools, games, and software, and connect with creators worldwide.","archived":false,"fork":false,"pushed_at":"2025-02-28T14:56:57.000Z","size":10267,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-28T20:23:39.660Z","etag":null,"topics":["dashboard","firebase","full-stack","jwt-authentication","nodejs","reactjs","stripe"],"latest_commit_sha":null,"homepage":"https://tech-discovery-auth.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/mdhasanshuvo.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}},"created_at":"2025-01-29T19:20:11.000Z","updated_at":"2025-02-28T14:57:01.000Z","dependencies_parsed_at":"2025-02-05T06:32:21.166Z","dependency_job_id":"d71e2d5a-eb3a-481c-9a08-0528291f4514","html_url":"https://github.com/mdhasanshuvo/tech-discovery-client","commit_stats":null,"previous_names":["mdhasanshuvo/tech-discovery-client"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdhasanshuvo%2Ftech-discovery-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdhasanshuvo%2Ftech-discovery-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdhasanshuvo%2Ftech-discovery-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdhasanshuvo%2Ftech-discovery-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mdhasanshuvo","download_url":"https://codeload.github.com/mdhasanshuvo/tech-discovery-client/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247755589,"owners_count":20990626,"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":["dashboard","firebase","full-stack","jwt-authentication","nodejs","reactjs","stripe"],"created_at":"2025-02-14T01:42:54.925Z","updated_at":"2026-04-10T07:51:09.995Z","avatar_url":"https://github.com/mdhasanshuvo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚀 Tech Discovery – Explore \u0026 Share the Latest Tech Innovations  \n\n**Tech Discovery** is a cutting-edge platform inspired by **[Product Hunt](https://producthunt.com)** that allows users to **discover, upvote, and review** the latest **tech products**. Whether it's AI tools, web apps, software, or games, users can engage with trending technologies, submit their own products, and access exclusive features through subscriptions.  \n\n\u003e **📌 Built with the MERN Stack** (MongoDB, Express.js, React.js, Node.js) and featuring **role-based access control** for **Users, Moderators, and Admins**.  \n\n![Project Screenshot](https://i.ibb.co.com/238znTb9/Banner.png)  \n\n---\n\n## 🌍 Live Demo  \n\n🔗 **[Visit Tech Discovery](https://tech-discovery-auth.web.app) 🚀** \n\n---\n\n## 📖 Project Overview  \n\n🔹 **Explore \u0026 Discover** new tech products in multiple categories.  \n🔹 **Upvote \u0026 Review** products, helping users identify top-rated tools.  \n🔹 **Submit \u0026 Manage** products via an intuitive dashboard.  \n🔹 **Role-Based Access Control** ensuring moderation and user management.  \n🔹 **Subscription-Based Premium Features** for exclusive content.  \n🔹 **Secure Authentication \u0026 Payment System** integrated for a seamless experience.  \n\n\n---\n\n## ✨ Features  \n\n### 👥 **User Roles \u0026 Permissions**  \n\n#### 🏷 **Normal Users**  \n✔ Browse \u0026 upvote products.  \n✔ Submit new products for review.  \n✔ Post reviews and report inappropriate content.  \n\n#### 🛠 **Moderators**  \n✔ Approve or reject submitted products.  \n✔ Handle reported products.  \n✔ Mark products as **\"Featured\"**.  \n\n#### 🔑 **Admins**  \n✔ Manage user roles \u0026 permissions.  \n✔ Monitor platform activity via an **Admin Dashboard**.  \n✔ Handle coupon management and site analytics.  \n\n---\n\n### 🔥 **Core Functionalities**  \n✔ **🔼 Upvote System** – Users can upvote products once.  \n✔ **📝 Product Submission \u0026 Review Process** – Moderators approve or reject.  \n✔ **⚠️ Reporting System** – Users can flag inappropriate content.  \n✔ **💳 Membership Subscription** – Premium features via **Stripe** integration.  \n✔ **📊 Admin Analytics Dashboard** – Pie charts for product stats \u0026 user engagement.  \n\n---\n\n## 📌 Interactive Pages  \n\n### 🏠 **Homepage**  \n✔ 🎡 **Featured Products Section**  \n✔ 🌟 **Trending Products Section** (sorted by vote count)  \n✔ 📜 **Category-Based Product Browsing**  \n✔ 📰 **Latest Tech News \u0026 Product Launches**  \n✔ 🛠 **How It Works Section** (Guide for Users)  \n✔ ⭐ **User Testimonials \u0026 Reviews**  \n✔ ❓ **FAQ Section** (Commonly Asked Questions)  \n✔ 📢 **Promotional Offers \u0026 Discounts**  \n\n![Homepage Screenshot](https://i.ibb.co.com/DPZKf9RH/Home.png)  \n\n---\n\n### 📦 **Explore All Products Page**  \n✔ 🔍 **Search \u0026 Filter Products by Tags**  \n✔ 🏆 **Show Top Rated Products Option**  \n✔ 📸 **High-Quality Product Thumbnails \u0026 Descriptions**  \n✔ 📂 **Pagination for Better Navigation**  \n✔ 💡 **Category \u0026 Tag Based Sorting**  \n✔ 🔗 **Easy Access to Individual Product Pages**  \n\n![All Products Screenshot](https://i.ibb.co.com/fYLK89Lh/All-products.png)  \n\n\n### 🏷 **Product Details Page**  \n✔ 🛠️ **Detailed Product Information**  \n✔ 🔼 **Upvote \u0026 ⚠️ Report Functionality**  \n✔ 💬 **Review \u0026 Rating System**  \n\n![Product Details Screenshot](https://i.ibb.co.com/Fqb490pj/Details.png)  \n\n### 🛠 **User Dashboard**  \n✔ 👤 **View \u0026 Edit Profile**  \n✔ ➕ **Add \u0026 Manage Products**  \n✔ 📊 **Admin Analytics \u0026 Moderation Panel**  \n\n![User Dashboard](https://i.ibb.co.com/r21m8jrQ/User-Dashboard.png)  \n\n---\n\n### 🛠 **Admin Dashboard**  \n✔ 📊 **View Site Statistics**  \n✔ 👥 **Manage Users**  \n✔ 🎟 **Manage Coupons**  \n\n![Admin Dashboard](https://i.ibb.co.com/TDsyNGLW/Admin.png)  \n\n---\n\n### 🛠 **Moderator Dashboard**  \n✔ 🏷 **Review \u0026 Approve Products**  \n✔ 🚀 **Feature Top Products**  \n✔ ❌ **Reject Inappropriate Submissions**  \n✔ 📊 **View Site Statistics**\n\n![Moderator Dashboard](https://i.ibb.co.com/234qY1fZ/Moderator.png)  \n\n\n---\n\n## 🔑 **Authentication \u0026 Security**  \n\n✔ **JWT-Based Authentication** – Secure login \u0026 protected routes.  \n✔ **Firebase Authentication** – Social \u0026 email/password login.  \n✔ **Environment Variables** – Hiding Firebase \u0026 MongoDB credentials.  \n\n---\n\n## 📱 **Responsive Design**  \n\n✅ Fully optimized for **Mobile, Tablet, and Desktop**  \n✅ Built with **Tailwind CSS + DaisyUI** for a modern, clean UI  \n\n\n---\n\n## 🛠️ Technology Stack  \n\n| Layer         | Technology |\n|--------------|-----------|\n| **Frontend** | React.js, Tailwind CSS, DaisyUI |\n| **Backend** | Node.js, Express.js |\n| **Database** | MongoDB (Mongoose ORM) |\n| **Authentication** | Firebase, JSON Web Tokens (JWT) |\n| **Payment Integration** | Stripe |\n\n---\n\n## 📦 Notable NPM Packages  \n\n| Package | Purpose |\n|---------|---------|\n| `axios` | Handle API requests |\n| `firebase` | Authentication \u0026 backend services |\n| `react-router-dom` | Client-side routing |\n| `jsonwebtoken (JWT)` | Secure user authentication |\n| `react-icons` | UI enhancements |\n| `sweetalert2` | Elegant alert pop-ups |\n| `framer-motion` | Smooth animations |\n| `chart.js` \u0026 `react-chartjs-2` | Admin dashboard analytics |\n| `stripe` | Payment gateway integration |\n\n---\n\n## 🚀 Getting Started  \n\n### 📌 Prerequisites  \nBefore running the project, ensure you have:  \n- 🟢 **Node.js** (v14+ recommended)  \n- 📦 **npm** or **yarn** (latest version)  \n- 🛢 **MongoDB** (Local setup or MongoDB Atlas)  \n\n### 🏃‍♂️ Run the Project Locally  \n\n#### 1️⃣ Clone the Repository  \n```bash\ngit clone https://github.com/your-repo-url.git\ncd tech-discovery\n```  \n\n#### 2️⃣ Install Dependencies  \n```bash\nnpm install\n# or\nyarn install\n```  \n\n#### 3️⃣ Set Up Environment Variables  \nCreate a `.env` file and add:  \n\n```ini\nPORT=5000\nMONGO_URI=your-mongodb-uri\nJWT_SECRET=your-jwt-secret\nSTRIPE_SECRET_KEY=your-stripe-secret-key\nVITE_API_KEY=your-firebase-api-key\nVITE_AUTH_DOMAIN=your-firebase-auth-domain\nVITE_PROJECT_ID=your-firebase-project-id\nVITE_STORAGE_BUCKET=your-firebase-storage-bucket\nVITE_MESSAGING_SENDER_ID=your-firebase-messaging-sender-id\nVITE_APP_ID=your-firebase-app-id\n```\n\n🔐 **Ensure `.env` is added to `.gitignore` to protect credentials.**  \n\n#### 4️⃣ Start Backend Server  \n```bash\nnpm run server\n```  \n\n#### 5️⃣ Start Frontend Client  \n```bash\nnpm run dev\n```  \n\n---\n\n## ❓ Troubleshooting  \n\n- 🔍 Check **console/logs** for errors.  \n- 📄 Ensure **environment variables** are correctly configured.  \n- 🔄 Run `npm audit fix` to resolve package dependency issues.  \n- 🔌 Ensure MongoDB is running and properly connected.  \n- 📩 Reach out via **[GitHub Issues](#)** for support.  \n\n---\n\n## 🔥 Final Notes  \n\n- **Security Best Practices:**  \n  - **Never expose API keys** in the frontend.  \n  - Use **JWT \u0026 Firebase Authentication** for security.  \n  - Implement **role-based access control** for admins \u0026 moderators.  \n- **Performance Optimization:**  \n  - Use **lazy loading** for images.  \n  - Implement **pagination** for product listings.  \n\n---","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdhasanshuvo%2Ftech-discovery-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmdhasanshuvo%2Ftech-discovery-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdhasanshuvo%2Ftech-discovery-client/lists"}