{"id":15553957,"url":"https://github.com/abdussattar-70/minglemate_client","last_synced_at":"2026-04-13T16:36:00.097Z","repository":{"id":214674592,"uuid":"736861297","full_name":"AbdusSattar-70/MingleMate_client","owner":"AbdusSattar-70","description":"MingleMate is a mobile-first, responsive web application designed for efficient collection management. Catering to both non-authenticated and authenticated users, MingleMate ensures a seamless experience while maintaining privacy and access controls.","archived":false,"fork":false,"pushed_at":"2025-07-23T10:10:04.000Z","size":4517,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-07-23T11:41:44.572Z","etag":null,"topics":["react","tailw","typescript","vite"],"latest_commit_sha":null,"homepage":"https://mingle-mate.vercel.app","language":"TypeScript","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/AbdusSattar-70.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2023-12-29T05:04:22.000Z","updated_at":"2025-07-23T09:55:34.000Z","dependencies_parsed_at":"2023-12-29T21:54:01.580Z","dependency_job_id":"ba8e96ed-e03e-4a91-a576-22e590c347a8","html_url":"https://github.com/AbdusSattar-70/MingleMate_client","commit_stats":null,"previous_names":["abdussattar-70/minglemate_client"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/AbdusSattar-70/MingleMate_client","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdusSattar-70%2FMingleMate_client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdusSattar-70%2FMingleMate_client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdusSattar-70%2FMingleMate_client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdusSattar-70%2FMingleMate_client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AbdusSattar-70","download_url":"https://codeload.github.com/AbdusSattar-70/MingleMate_client/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdusSattar-70%2FMingleMate_client/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31761986,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T15:25:13.801Z","status":"ssl_error","status_checked_at":"2026-04-13T15:25:09.162Z","response_time":93,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["react","tailw","typescript","vite"],"created_at":"2024-10-02T14:41:37.001Z","updated_at":"2026-04-13T16:36:00.074Z","avatar_url":"https://github.com/AbdusSattar-70.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n### Admin Login: \n\n```bash\nEmail: sattar@gmail.com \npassword: 000000\n```\n\n# Server: https://github.com/AbdusSattar-70/MingleMate\n\u003cdiv align=\"center\"\u003e\n \u003ch3\u003e\u003cb\u003eMingleMate Client\u003c/b\u003e.\u003c/h3\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\u003ch3\u003e\u003cb\u003eScreenshot\u003c/b\u003e\u003c/h3\u003e\n\u003cimg src=\"./src/images/screenshot.png\" alt=\"app screenshot\" width=\"500px\"\u003e\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n- [📖 About the Project](#about-project)\n  - [🛠 Built With](#built-with)\n    - [Tech Stack](#tech-stack)\n    - [Key Features](#key-features)\n  - [🚀 Live Demo](#live-demo)\n- [💻 Getting Started](#getting-started)\n  - [Setup](#setup)\n  - [Prerequisites](#prerequisites)\n  - [Install](#install)\n  - [Usage](#usage)\n  - [Run tests](#run-tests)\n  - [Deployment](#triangular_flag_on_post-deployment)\n- [👥 Authors](#authors)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [📝 License](#license)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n## 📖 MingleMate \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\nMingleMate is a mobile-first, responsive web application designed for efficient collection management. Catering to both non-authenticated and authenticated users, MingleMate ensures a seamless experience while maintaining privacy and access controls.\n\n\u003c!-- Features --\u003e\n\n## Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n### Read-Only Access for Non-authenticated Users\n\n- Non-authenticated users can explore the app with read-only access.\n- They can utilize the search functionality but are restricted from creating collections, items, leaving comments, and likes.\n\n### Access Control for Authenticated Not-Admins\n\n- Authenticated users without admin privileges have comprehensive access to all features except the admin page.\n\n### Admin Page for User Management\n\n- Admins have access to the admin page for user management, including view, block, unblock, delete, add to admins, and remove from admins.\n- Admins can even revoke their own admin access.\n\n### Virtual Ownership for Admins\n\n- Admins view all pages as if they are the authors, allowing them to manage any collection or item across the platform.\n\n### Granular Permissions\n\n- Only admins or creators of collections/items can manage them (edit, add, delete).\n- Viewing is accessible to everyone except on the admin page.\n\n### Full-Text Search\n\n- Every page provides access to a full-text search.\n- Search results always display items; if found in comments, the link leads to the item with comments.\n\n### Personal User Page with Collection Management\n\n- Users have a personal page to manage collections (create new, delete, or edit).\n- Each collection links to a page containing a table of items with sorting, filtering, and item management capabilities.\n\n### Tag System with Autocompletion\n\n- All items have tags, supporting autocompletion.\n- Dropdowns with tags are displayed based on user input.\n\n### Comments and Likes\n\n- Items have a linear comment system, automatically updated when someone adds a comment.\n\n### Theme Support\n\n- Two visual themes (light and dark) are available, with the user's choice saved.\n\n### Below is the list of pages available in this app:\n\n1. **Home Page**\n\n   - **Path**: `/`\n   - **Element**: `\u003cHome /\u003e`\n   - **Description**: The landing page of the application.\n\n2. **User Profile Page**\n\n   - **Path**: `/user-profile/:id`\n   - **Element**: `\u003cUserProfile /\u003e`\n   - **Description**: Displays user profile information based on the provided user ID.\n\n3. **Edit Profile Page**\n\n   - **Path**: `/profile/edit`\n   - **Element**: `\u003cEditProfile /\u003e`\n   - **Description**: Allows users to edit their profile information.\n\n4. **All Collections Page**\n\n   - **Path**: `/all-collections`\n   - **Element**: `\u003cCollectionsTable /\u003e`\n   - **Description**: Displays a table of all available collections.\n\n5. **User Collections Page**\n\n   - **Path**: `/user-collections/:userId`\n   - **Element**: `\u003cUserAllColletions /\u003e`\n   - **Description**: Displays collections owned by a specific user.\n\n6. **Collection Details Page**\n\n   - **Path**: `/display-single-collection/:id`\n   - **Element**: `\u003cCollectionDetails /\u003e`\n   - **Description**: Displays details of a specific collection, including items.\n\n7. **Create Collection Page**\n\n   - **Path**: `/create-collection`\n   - **Element**: `\u003cCreateCollection /\u003e`\n   - **Description**: Allows users to create a new collection.\n\n8. **Edit Collection Page**\n\n   - **Path**: `/edit-collection/:collection_id`\n   - **Element**: `\u003cEditCollectionForm /\u003e`\n   - **Description**: Allows users to edit details of a specific collection.\n\n9. **Create Item Page**\n\n   - **Path**: `/create-item/:collection_id/create-item`\n   - **Element**: `\u003cCreateItem /\u003e`\n   - **Description**: Allows users to create a new item within a specific collection.\n\n10. **Edit Item Page**\n\n    - **Path**: `/edit-item/:id/edit-item`\n    - **Element**: `\u003cEditItemForm /\u003e`\n    - **Description**: Allows users to edit details of a specific item.\n\n11. **User Items Page**\n\n    - **Path**: `/user-items/:user_id`\n    - **Element**: `\u003cUserItemsTable /\u003e`\n    - **Description**: Displays items owned by a specific user.\n\n12. **All Items Page**\n\n    - **Path**: `/get-items-all`\n    - **Element**: `\u003cAllItemsTable /\u003e`\n    - **Description**: Displays a table of all available items.\n\n13. **Item Details Page**\n\n    - **Path**: `/get-single-item/:id`\n    - **Element**: `\u003cItemDetailsNavigation /\u003e`\n    - **Description**: Displays details of a specific item, including comments and likes.\n\n14. **Sign Up Page**\n\n    - **Path**: `/signup`\n    - **Element**: `\u003cSignUp /\u003e`\n    - **Description**: Allows users to register a new account.\n\n15. **Sign In Page**\n\n    - **Path**: `/signin`\n    - **Element**: `\u003cSignIn /\u003e`\n    - **Description**: Allows users to authenticate and log in.\n\n16. **Admin Dashboard Page**\n\n    - **Path**: `/admin-dashboard`\n    - **Element**: `\u003cPrivateRoute\u003e\u003cDashboard /\u003e\u003c/PrivateRoute\u003e`\n    - **Description**: Private route accessible only by authenticated users with admin privileges. Displays admin-related functionalities.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n## Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003eReact\u003c/li\u003e\n    \u003cli\u003eTypeScript\u003c/li\u003e\n    \u003cli\u003eTailwind\u003c/li\u003e\n    \u003cli\u003eAnd Some Libraries(you can find them at package.json file)\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\u003cdetails\u003e\n  \u003csummary\u003eServer\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=#\u003eServer - Made with Rails Hosted on Render\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eDatabase\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003ePostgreSQL\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- [Live Demo Link](https://mingle-mate.vercel.app/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps.\n\n## Prerequisites \u003ca name=\"prerequisites\"\u003e\u003c/a\u003e\n\n- In order to run this project you need:\n\n### It would be best if you had some familiarity with `HTML`, `CSS`,`TS`, `React` and `Tailwindcss`.\n\n- A Computer (MAC or PC)\n- code editor (VSCode,Atom etc...)\n- A browser (Chrome,Mozilla,Safari etc...)\n- Version Control System (Git and Github)\n\n# Setup \u003ca name=\"setup\"\u003e\u003c/a\u003e\n\nClone this repository to your desired folder:\n\n```bash\n       git clone https://github.com/AbdusSattar-70/MingleMate_client.git\n       cd MingleMate_client\n```\n\n# Install \u003ca name=\"install\"\u003e\u003c/a\u003e\n\nInstall this project with:\n\n```bash\n     npm install\n```\n\n# Run the app \u003ca name=\"run-the-app\"\u003e\u003c/a\u003e\n\n```bash\n   npm run dev\n```\n\n# Deployment \u003ca name=\"triangular_flag_on_post-deployment\"\u003e\u003c/a\u003e\n\nYou can deploy this project using:\n\n- Render Hosting server or GitHub pages\n\n```bash\n   npm install\n   npm run build\n```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n## 👤 Abdus Sattar\n\n- GitHub: [AbdusSattar-70](https://github.com/AbdusSattar-70)\n- Twitter: [Abdus Sattar](https://twitter.com/Abdus_Sattar70)\n- LinkedIn: [Abdus Sattar](https://www.linkedin.com/in/abdus-sattar-a41a26215/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FUTURE FEATURES --\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- **Full app test with jest**\n- **Improve web accessibility feature for all users**\n- **Add Multilingual feature**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nEverybody is welcome to suggest, changes,Contributions, issues, and feature request in this project.\n\nIn order to do it, fork this repository, create a new branch and open a Pull Request from your branch.\n\nFeel free to check the [issues page](../../issues/).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nIf you like this project, Please give me ⭐️ and you can use it following [MIT](./LICENSE) license.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\nI extend my heartfelt 💖 gratitude to the Itransition team, with a special appreciation for my favorite moderator and supervisor, Pavel Sir. Their unwavering support and guidance provided me with invaluable opportunities to delve into coding, embracing best practices for creating exceptional user experiences. Thank you for the inspiration and encouragement on this coding journey. 😍 Special thanks to all of my peers for their camaraderie and collaborative spirit.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is under [MIT](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabdussattar-70%2Fminglemate_client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabdussattar-70%2Fminglemate_client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabdussattar-70%2Fminglemate_client/lists"}