{"id":28789653,"url":"https://github.com/lemoncode/redux-chat-front","last_synced_at":"2025-09-12T06:33:05.868Z","repository":{"id":81411421,"uuid":"142471622","full_name":"Lemoncode/redux-chat-front","owner":"Lemoncode","description":null,"archived":false,"fork":false,"pushed_at":"2021-10-03T18:03:32.000Z","size":251,"stargazers_count":11,"open_issues_count":3,"forks_count":21,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-09-01T13:45:21.691Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/Lemoncode.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}},"created_at":"2018-07-26T17:16:46.000Z","updated_at":"2019-12-21T11:39:15.000Z","dependencies_parsed_at":null,"dependency_job_id":"0cb7d577-e673-4e98-b30e-809b08f65d57","html_url":"https://github.com/Lemoncode/redux-chat-front","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Lemoncode/redux-chat-front","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lemoncode%2Fredux-chat-front","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lemoncode%2Fredux-chat-front/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lemoncode%2Fredux-chat-front/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lemoncode%2Fredux-chat-front/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Lemoncode","download_url":"https://codeload.github.com/Lemoncode/redux-chat-front/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lemoncode%2Fredux-chat-front/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274769616,"owners_count":25346209,"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","status":"online","status_checked_at":"2025-09-12T02:00:09.324Z","response_time":60,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":[],"created_at":"2025-06-17T22:11:19.497Z","updated_at":"2025-09-12T06:33:05.547Z","avatar_url":"https://github.com/Lemoncode.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# redux-chat-front\nThis project served as a base project for the workshop \"Redux, from zero to hero\" given in React Alicante 2018 by Lemoncode.\n\nThe goal of this codebase is to show a real example of Redux integration, providing a set of step by step samples and covering core concepts of Redux. Each of the samples contains a README.md file that indicates the purpose of the sample plus a step by step guide to reproduce it.\n\nThe base application used in this workshop consists in a simple chat made of a really simple backend and a front end with 2 pages:\n- Lobby: landing page to select available room (channel) and your nickname.\n- Chat: the chat module itself where you will see the room conversation.\n\n# Installation\n\nIn order to launch each sample, we need to run a tiny backend in the background that will setup a communication socket. Please, download our [redux-chat-back](https://github.com/Lemoncode/redux-chat-back) repository and run it by doing:\n\n```\nnpm install\n```\nand then\n```\nnpm start\n```\n\nOnce backend is up and running, just navigate to the desired sample source folder, for example, start from the beginning:\n```\n.\\redux-chat-front\\01_ES6\\00_start\\\n```\nand run:\n```\nnpm install\n```\nonce we have all the dependencies downloaded, just launch it:\n```\nnpm start\n```\n\n# Contents\n\n\n## 00_Basics\n\nIntroductory readme covering important and useful ES6 concepts that will be used throughout the project.\n\n## 01_ES6\n\nSet of samples of a redux integration in our chat application from zero.\n\nPlease refer to this folder and check its sub-folders containing a detailed readme of the purpose for each sample and its implementation.\n\n## 02_Typescript\n\nMigration of the last ES6 sample to a full typescript solution. Also contains a refactor of the code towards an advanced architecture based on pods.\n\n## 03_Further_Reading\n\nRecommended reading about several redux ecosystem tools and libraries that may be interesting for the attendees.\n\n\n# About Basefactor + Lemoncode\n\nWe are an innovating team of Javascript experts, passionate about turning your ideas into robust products.\n\n[Basefactor, consultancy by Lemoncode](http://www.basefactor.com) provides consultancy and coaching services.\n\n[Lemoncode](http://lemoncode.net/services/en/#en-home) provides training services.\n\nFor the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flemoncode%2Fredux-chat-front","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flemoncode%2Fredux-chat-front","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flemoncode%2Fredux-chat-front/lists"}