{"id":19214327,"url":"https://github.com/fullstackreact/redux-module-builder-example","last_synced_at":"2025-05-12T22:21:26.309Z","repository":{"id":66101512,"uuid":"63624506","full_name":"fullstackreact/redux-module-builder-example","owner":"fullstackreact","description":"An example of using the _powerful_ redux module concepts","archived":false,"fork":false,"pushed_at":"2016-07-22T09:49:15.000Z","size":1042,"stargazers_count":6,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-20T19:37:01.120Z","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":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fullstackreact.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,"zenodo":null}},"created_at":"2016-07-18T17:46:21.000Z","updated_at":"2023-08-28T14:15:00.000Z","dependencies_parsed_at":"2023-03-03T14:30:23.568Z","dependency_job_id":null,"html_url":"https://github.com/fullstackreact/redux-module-builder-example","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/fullstackreact%2Fredux-module-builder-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fullstackreact%2Fredux-module-builder-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fullstackreact%2Fredux-module-builder-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fullstackreact%2Fredux-module-builder-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fullstackreact","download_url":"https://codeload.github.com/fullstackreact/redux-module-builder-example/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253831221,"owners_count":21971051,"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":[],"created_at":"2024-11-09T14:09:37.735Z","updated_at":"2025-05-12T22:21:26.301Z","avatar_url":"https://github.com/fullstackreact.png","language":"JavaScript","readme":"# redux-module-builder\n\nAn example app utilizing the twitter stream API, demonstrating how to use and featuring the efficiency of using `redux-module-builder`.\n\nThe demo application creates four redux modules (all located in the `src/redux/modules` directory):\n\n\u003cdiv class=\"table blue\"\u003e\n\n| name | file path | description |\n|-----|--------|-----|\n| users | src/redux/modules/users.js | responsible for keeping track of the current user |\n| events | src/redux/modules/event.js | responsible for getting upcoming events |\n| images | src/redux/modules/images.js | responsible for getting images associated with an event |\n| currentEvent | src/redux/modules/currentEvent.js | responsible for connecting to a websocket and live updating an event's data  |\n\n\u003c/div\u003e\n\n## Quickstart\n\nFirst, clone the repository and install the dependencies:\n\n```bash\ngit clone https://github.com/fullstackreact/redux-module-builder-example.git\ncd redux-module-builder-example\n\n# Install dependencies\nnpm install\n```\n\nNext, we'll need to make sure we have a `.env` file in the root of our project. We've included a sample `.env` file for you already, so you can use it as a base for yours:\n\n```bash\ncp .env.example .env\n\n# Start the server\nnpm start\n```\n\n## Configuring the Application\n\nThis app uses [dotenv](https://github.com/bkeepers/dotenv) for configuration. In order to configure the application for your own api access, [grab an api token from Twitter here](https://dev.twitter.com) and set it in a file called `.env` at the root for a key called `__TWITTER_KEY__`.\nFor instance, say that your twitter key is: `abc123`. Your `.env` file should look like:\n\n```bash\nAPP_NAME=liveStream\nAPI_HOST=realtime.fullstackweb.org\nAPI_URL=https://realtime.fullstackweb.org\nWS_URL=wss://realtime.fullstackweb.org\nTWITTER_KEY=abc123\n```\n\n## Contributing\n\n```shell\ngit clone https://github.com/fullstackreact/redux-module-builder-example.git\ncd redux-module-builder-example\nnpm install\nnpm start\n```\n\n# Fullstack React Book\n\n\u003ca href=\"https://fullstackreact.com\"\u003e\n\u003cimg align=\"right\" src=\"resources/readme/fullstack-react-hero-book.png\" alt=\"Fullstack React Book\" width=\"155\" height=\"250\" /\u003e\n\u003c/a\u003e\n\nThis app was built alongside the blog post [React Tutorial: Cloning Yelp](https://www.fullstackreact.com/articles/react-tutorial-cloning-yelp/).\n\nThis repo was written and is maintained by the [Fullstack React](https://fullstackreact.com) team. In the book we cover many more projects like this. We walk through each line of code, explain why it's there and how it works.\n\nThis app is only one of several apps we have in the book. If you're looking to learn React, there's no faster way than by spending a few hours with the Fullstack React book.\n\n\u003cdiv style=\"clear:both\"\u003e\u003c/div\u003e\n\n## License\n [MIT](/LICENSE)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffullstackreact%2Fredux-module-builder-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffullstackreact%2Fredux-module-builder-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffullstackreact%2Fredux-module-builder-example/lists"}