{"id":17133434,"url":"https://github.com/omaralbeik/react-readable","last_synced_at":"2025-04-13T08:12:11.703Z","repository":{"id":95950786,"uuid":"100287650","full_name":"omaralbeik/react-readable","owner":"omaralbeik","description":"A dynamic social application using the state management features of Redux and React","archived":false,"fork":false,"pushed_at":"2017-08-22T07:34:50.000Z","size":2443,"stargazers_count":7,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-13T08:12:07.432Z","etag":null,"topics":["es6","javascript","nodejs","react","redux","udacity","udacity-nanodegree"],"latest_commit_sha":null,"homepage":"","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/omaralbeik.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}},"created_at":"2017-08-14T16:26:55.000Z","updated_at":"2021-12-02T14:24:15.000Z","dependencies_parsed_at":"2023-05-04T03:19:15.836Z","dependency_job_id":null,"html_url":"https://github.com/omaralbeik/react-readable","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/omaralbeik%2Freact-readable","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omaralbeik%2Freact-readable/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omaralbeik%2Freact-readable/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omaralbeik%2Freact-readable/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/omaralbeik","download_url":"https://codeload.github.com/omaralbeik/react-readable/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248681495,"owners_count":21144700,"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":["es6","javascript","nodejs","react","redux","udacity","udacity-nanodegree"],"created_at":"2024-10-14T19:42:10.273Z","updated_at":"2025-04-13T08:12:11.677Z","avatar_url":"https://github.com/omaralbeik.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Readable\nReadable is a dynamic social application using the state management features of Redux and React.\n\nIn Readable users are able to post content to predefined categories, comment on their posts and other users' posts, and vote on posts and comments. Users are also able to edit and delete posts and comments.\n\n\nThis is the second project for [Udacity](https://www.udacity.com)'s [React Developer Nanoderee](https://www.udacity.com/course/react-nanodegree--nd019)\n\n\n## What is Redux?\nRedux is a predictable state container for JavaScript apps.\nIt helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of that, it provides a great developer experience, such as [live code editing combined with a time traveling debugger.](https://github.com/gaearon/redux-devtools)!\n\n![Redux](assets/redux.png)\n_Image by [Udacity](https://www.udacity.com/)_\n\n## Redux Store, why it is amazing?\n\nThe Redux store is the **single source of truth** that holds state of your whole application in an object tree within it. store changes trigger views updates -and viceversa- in realtime!\n\n![Redux](assets/redux.gif)\n\n---\n\n## Servers\n\nThis app requires the following two local servers to be running at the same time\n\n### 1. API local server\n_Server directory_: `/server`\n\n### 2. React development server\n_Client directory_: `/client`\n\n\n## Setup\n\n0. This app requires npm to build, if Node and npm are not installed on your device, you should install them first [more info here](https://docs.npmjs.com/getting-started/installing-node)\n\n1. Make sure api local server is installed and running before starting\n``` bash\nnpm install\nnode server\n```\n\n2. Move to client directory and install all required npm packages\n``` bash\nnpm install\n```\n\n3. Run React server\n```bash\nnpm start\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fomaralbeik%2Freact-readable","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fomaralbeik%2Freact-readable","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fomaralbeik%2Freact-readable/lists"}