{"id":14970020,"url":"https://github.com/kiesun/chat-buy-react","last_synced_at":"2025-05-16T18:06:36.835Z","repository":{"id":28004363,"uuid":"111522568","full_name":"KieSun/Chat-Buy-React","owner":"KieSun","description":" Client for beginners to learn, built with React / Redux / Node","archived":false,"fork":false,"pushed_at":"2022-12-22T06:14:38.000Z","size":1111,"stargazers_count":1015,"open_issues_count":30,"forks_count":129,"subscribers_count":70,"default_branch":"master","last_synced_at":"2025-05-16T18:06:15.827Z","etag":null,"topics":["express","immutablejs","react","react-router","redux","socket-io"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/KieSun.png","metadata":{"files":{"readme":"README-EN.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}},"created_at":"2017-11-21T08:45:37.000Z","updated_at":"2025-01-03T08:22:14.000Z","dependencies_parsed_at":"2022-08-07T13:01:27.961Z","dependency_job_id":null,"html_url":"https://github.com/KieSun/Chat-Buy-React","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KieSun%2FChat-Buy-React","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KieSun%2FChat-Buy-React/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KieSun%2FChat-Buy-React/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KieSun%2FChat-Buy-React/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KieSun","download_url":"https://codeload.github.com/KieSun/Chat-Buy-React/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254582904,"owners_count":22095518,"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":["express","immutablejs","react","react-router","redux","socket-io"],"created_at":"2024-09-24T13:42:54.151Z","updated_at":"2025-05-16T18:06:36.820Z","avatar_url":"https://github.com/KieSun.png","language":"JavaScript","readme":"\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/Language-%20JavaScript%20-f9e229.svg\"\u003e\n\u003ca href=\"https://github.com/halfrost/vue-objccn/blob/master/LICENSE\"\u003e\u003cimg src=\"https://img.shields.io/badge/license-GPL-blue.svg\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\nUse React / Node to achieve the application. Project is small but complete, suitable for novice learning.\n\n## Technology stack and main framework\n\n📦 React family：react + redux + react-router 4.0 + immutable.js  \n📌 ES6 + ES7     \n📡 fetch：axios + socket.io\n🎈 UI Framework：antd mobile  \n✏️ Back-end：express + mongoDB\n\n## Run Project\n``` bash\n# clone \ngit clone https://github.com/KieSun/Chat-Buy-React.git\ncd chat-buy-react\n\n# Mac install MongoDb\nbrew install mongodb\n\n# run MongoDb\nmongod --config /usr/local/etc/mongod.conf\n\n# connect mongo\nmongo\n\n# install npm package\nnpm install\nnpm i nodemon -g\n\n# run server (Mac)\nnpm run server\n\n# run server (Windows)\nnpm run dev\n\n# run localhost\nnpm run start\n```\n\n## Screenshot\n\nI will internationalized text.\n\n![登录](https://user-gold-cdn.xitu.io/2017/12/31/160ab0250a8841d5?w=378\u0026h=667\u0026f=gif\u0026s=32928)\n![商品购买](https://user-gold-cdn.xitu.io/2017/12/31/160ab0246b51bfef?w=378\u0026h=667\u0026f=gif\u0026s=31759)\n![订单](https://user-gold-cdn.xitu.io/2017/12/31/160ab02588408b53?w=378\u0026h=667\u0026f=gif\u0026s=207506)\n![聊天](https://user-gold-cdn.xitu.io/2017/12/31/160ab023c8e6a9d7?w=378\u0026h=667\u0026f=gif\u0026s=67204)\n\n## File structure\n\n```\n── server                         \n│   ├── chat.js                   \n│   ├── foods.json                \n│   ├── goods.js                  \n│   ├── jwtMiddleware.js          \n│   ├── key.js                    \n│   ├── model.js                  \n│   ├── order.js                  \n│   ├── server.js                 \n│   ├── socket.js                 \n│   └── user.js                   \n├── src\n│   ├── actions                   \n│   │   ├── chat.js\n│   │   ├── goods.js\n│   │   ├── order.js\n│   │   ├── type.js\n│   │   └── user.js\n│   ├── asyncComponent.jsx        \n│   ├── common\n│   │   ├── axiosMiddleware.js    \n│   │   ├── history.js            \n│   │   └── unit.js               \n│   ├── components\n│   │   ├── allOrders             \n│   │   │   └── list.jsx\n│   │   ├── common\n│   │   │   └── 404.jsx\n│   │   ├── goods\n│   │   │   ├── buy.jsx           \n│   │   │   └── goodsList.jsx     \n│   │   ├── login\n│   │   │   └── loginForm.jsx     \n│   │   ├── message\n│   │   │   ├── chatList.jsx      \n│   │   │   ├── chatListItem.jsx  \n│   │   │   └── messageList.jsx   \n│   │   ├── myOrder\n│   │   │   ├── myOrder.jsx       \n│   │   │   └── myOrderItem.jsx   \n│   │   ├── navBar\n│   │   │   └── backNavBar.jsx    \n│   │   └── register\n│   │       └── registerForm.jsx  \n│   ├── container                 \n│   │   ├── allOrders.jsx\n│   │   ├── chat.jsx\n│   │   ├── dashboard.jsx\n│   │   ├── goods.jsx\n│   │   ├── login.jsx\n│   │   ├── message.jsx\n│   │   ├── my.jsx\n│   │   └── register.jsx\n│   ├── images                    \n│   │   ├── goods-sel.png\n│   │   ├── goods.png\n│   │   ├── message-sel.png\n│   │   ├── message.png\n│   │   ├── order-sel.png\n│   │   ├── order.png\n│   │   ├── user-sel.png\n│   │   └── user.png\n│   ├── index.js                  \n│   ├── reducers                  \n│   │   ├── chat.js\n│   │   ├── goods.js\n│   │   ├── index.js\n│   │   ├── orders.js\n│   │   └── user.js\n│   ├── registerServiceWorker.js\n│   ├── router                    \n│   │   └── router.jsx\n│   ├── store\n│   │   └── configureStore.js\n│   └── styles\n│       └── index.scss\n```\n\n## Features\n\n- [√] Route Separate\n- [√] Redux\n- [√] Back-end interface\n- [√] Using Immutable.js\n- [√] Login, register and authentication\n- [√] Goods UI\n- [√] All order UI\n- [√] Mine UI\n- [√] Chat Features\n- [] Use TypeScript\n- [] GraphQL\n- [] Reative-native\n\nFeedback, issues, etc. are more than welcome!\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkiesun%2Fchat-buy-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkiesun%2Fchat-buy-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkiesun%2Fchat-buy-react/lists"}