{"id":20177597,"url":"https://github.com/adel-gu/meta-market","last_synced_at":"2026-01-25T14:32:37.682Z","repository":{"id":259244418,"uuid":"876819564","full_name":"adel-gu/meta-market","owner":"adel-gu","description":"🏬 NFT marketplace built using a monorepo, and microfronetend architecture.","archived":false,"fork":false,"pushed_at":"2024-11-19T17:44:27.000Z","size":23012,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-21T17:43:11.920Z","etag":null,"topics":["aws-cloudfront","aws-s3","ci-cd","eslint","husky","icon-library","lintstaged","microfrontend","module-federation","monorepo","nx","prettier","react","rollup","svgr","tailwindcss","ui-components","ui-library"],"latest_commit_sha":null,"homepage":"https://d1zer73e5vmia3.cloudfront.net","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/adel-gu.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","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":"2024-10-22T15:54:07.000Z","updated_at":"2024-12-21T05:11:37.000Z","dependencies_parsed_at":"2024-10-23T20:59:53.268Z","dependency_job_id":"00edc35f-1505-4eab-bd36-89d8515e718f","html_url":"https://github.com/adel-gu/meta-market","commit_stats":null,"previous_names":["adel-gu/meta-market"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/adel-gu/meta-market","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adel-gu%2Fmeta-market","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adel-gu%2Fmeta-market/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adel-gu%2Fmeta-market/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adel-gu%2Fmeta-market/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adel-gu","download_url":"https://codeload.github.com/adel-gu/meta-market/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adel-gu%2Fmeta-market/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28754221,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-25T13:59:49.818Z","status":"ssl_error","status_checked_at":"2026-01-25T13:59:33.728Z","response_time":113,"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":["aws-cloudfront","aws-s3","ci-cd","eslint","husky","icon-library","lintstaged","microfrontend","module-federation","monorepo","nx","prettier","react","rollup","svgr","tailwindcss","ui-components","ui-library"],"created_at":"2024-11-14T02:16:31.997Z","updated_at":"2026-01-25T14:32:37.666Z","avatar_url":"https://github.com/adel-gu.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n  \u003cimg src=\"packages/mint-icons/assets/logo.svg\" alt=\"logo\" width=\"140\"  height=\"auto\" /\u003e\n  \u003cbr/\u003e\n\n  \u003ch2\u003e\u003cb\u003eMeta Market\u003c/b\u003e\u003c/h2\u003e\n\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n- [📖 About the Project](#about-project)\n  - [🏛️ Project Structure](#project-structure)\n  - [🏗️ Key Technologies and Features](#built-with)\n  - [🚀 Live Demo](#live-demo)\n- [💻 Getting Started](#getting-started)\n\n  - [Setup](#setup)\n  - [Install](#install)\n  - [Usage](#usage)\n  - [Run tests](#run-tests)\n\n- [🙏 Acknowledgements](#acknowledgements)\n\n- [📝 License](#license)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 Meta Market \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n**Meta Market** is a NFT marketplace built using a monorepo architecture, leveraging React and microfrontend design principles. The application is divided into five independent React applications, each serving a distinct function within the ecosystem, along with shared design system and icons packages. This microfrontend architecture ensures modularity, scalability, and independent deployment, while the monorepo setup allows for seamless code sharing and consistency across all projects.\n\n## 🏛️ Project Structure \u003ca name=\"project-structure\"\u003e\u003c/a\u003e\n\nThe project consists of the following microfrontends and packages:\n\n\u003e \u003ch3\u003eMicrofrontends\u003c/h3\u003e\n\n1. **Container** (Host Application)\n\n   Acts as the entry point for the entire system.\n   Responsible for orchestrating and rendering the other microfrontend applications.\n   Utilizes BrowserRouter for managing global routing.\n   Ensures decoupling by loading microfrontends using dynamic imports.\n\n2. **Auth** (Authentication Application)\n\n   Handles user signup, login, and authentication flow.\n   Manages secure user sessions and access tokens.\n   Provides OAuth integrations for third-party logins (e.g., Google, GitHub).\n   Uses MemoryRouter for isolated routing within the microfrontend.\n\n3. **Landing** (Marketing Application)\n\n   Focuses on the home page and marketing content.\n   Includes features such as introductory sections, calls to action, and promotional material.\n   Aims to attract new users with information on the platform’s features and benefits.\n\n4. **Market** (NFT Marketplace Application)\n\n   Core application for browsing NFTs, collections, and artist rankings.\n   Supports advanced filtering, sorting, and searching of NFTs.\n   Displays trending collections and top-ranked artists.\n   Integrates with a blockchain backend for fetching NFT data and listings.\n\n5. **Profiles** (User Profiles Application)\n\n   Dedicated to artist profiles and individual NFT details.\n   Showcases artist information, social links, and their collections.\n   Provides detailed pages for each NFT, including descriptions, ownership history, and purchase options.\n\n\u003e \u003ch3\u003ePackages\u003c/h3\u003e\n\n1. **mint-ui** (Design system and UI library)\n\n   A React component library for the design system and UI components.\n   Ensures a consistent look and feel across all microfrontends.\n   Built with Tailwind CSS and React to provide reusable components.\n\n2. **mint-icons** (Icons library)\n\n   A library providing a set of SVG icons for use across all applications.\n   Designed to integrate seamlessly with the mint-ui components.\n\n## 🏗️ Key Technologies and Features \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n- **React \u0026 TypeScript:** For type safety and a modern development experience.\n- **Tailwind CSS:** For a consistent, responsive design.\n- **Webpack Module Federation:** Enables dynamic loading of microfrontend modules.\n- **Monorepo Architecture:** Simplifies code sharing and dependency management.\n- **Shared Component Libraries:** Ensures design consistency and speeds up development.\n\n\u003c!-- Features --\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n\u003e Link to deployed project.\n\n- [Live Demo Link](https://d1zer73e5vmia3.cloudfront.net/)\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### Setup\n\nClone this repository to your desired folder:\n\nExample commands:\n\n```sh\n  cd my-folder\n  git clone git@github.com:adel-gu/meta-market.git\n```\n\n### Install\n\nInstall this project with:\n\nExample command:\n\n```sh\n  cd meta-market\n  npm install --legacy-peer-deps\n```\n\n### Usage\n\nTo run the project, execute the following command:\n\nExample command:\n\n- To Run the whole application\n\n```sh\n  npx nx serve container\n```\n\n- To run a specific application (auth application for example):\n\n```sh\n  npx nx serve auth\n```\n\n### Run tests\n\nTo run tests, run the following command:\n\n```sh\n  npx nx run mint-ui:test\n```\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\n- Figma design by [Anima](https://www.figma.com/@anima).\n- The project setup using [Nx](https://nx.dev/) tool.\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 [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%2Fadel-gu%2Fmeta-market","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadel-gu%2Fmeta-market","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadel-gu%2Fmeta-market/lists"}