{"id":14955811,"url":"https://github.com/praisespjmt/react-on-rails","last_synced_at":"2026-01-20T18:56:01.892Z","repository":{"id":111328011,"uuid":"586905894","full_name":"PraisesPJMT/React-on-Rails","owner":"PraisesPJMT","description":"A demo app that add React framework to manage client-side of application running on Ruby-on-Rails. The app display a ramdom message from the server using React component.","archived":false,"fork":false,"pushed_at":"2023-01-11T02:00:53.000Z","size":232,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"development","last_synced_at":"2025-02-13T13:52:58.252Z","etag":null,"topics":["rubyonrails"],"latest_commit_sha":null,"homepage":"","language":"Ruby","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/PraisesPJMT.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}},"created_at":"2023-01-09T14:07:02.000Z","updated_at":"2023-11-07T13:02:44.000Z","dependencies_parsed_at":"2023-05-23T14:01:59.068Z","dependency_job_id":null,"html_url":"https://github.com/PraisesPJMT/React-on-Rails","commit_stats":{"total_commits":18,"total_committers":1,"mean_commits":18.0,"dds":0.0,"last_synced_commit":"0cae90eeb17ba7faf6529e41f83bc1caa12c6d30"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PraisesPJMT%2FReact-on-Rails","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PraisesPJMT%2FReact-on-Rails/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PraisesPJMT%2FReact-on-Rails/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PraisesPJMT%2FReact-on-Rails/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PraisesPJMT","download_url":"https://codeload.github.com/PraisesPJMT/React-on-Rails/tar.gz/refs/heads/development","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247640472,"owners_count":20971558,"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":["rubyonrails"],"created_at":"2024-09-24T13:11:50.207Z","updated_at":"2026-01-20T18:56:01.874Z","avatar_url":"https://github.com/PraisesPJMT.png","language":"Ruby","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📗 Table of Contents \u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n- [📗 Table of Contents](#table-of-contents)\n- [📖 React on Rails](#about-project)\n  - [🛠 Built With ](#built-with)\n    - [Tech Stack ](#tech-stack)\n    - [Key Features ](#key-features)\n- [💻 Getting Started ](#getting-started)\n  - [Prerequisites](#prerequisites)\n  - [Setup](#setup)\n  - [Install](#install)\n  - [Usage](#usage)\n- [👥 Authors ](#authors)\n- [🤝 Contributing ](#contributing)\n- [⭐️ Show your support ](#️show-your-support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [📝 License ](#license)\n\n# 📖 React on Rails \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n\u003e `React on Rails` is a demo app that add `React`\n\u003e framework to manage client-side of application running on `Ruby-on-Rails`.\n\u003e The app display a ramdom message from the server using `React` component\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003e Here are the tech stacks applied in this project.\n\n\u003cdetails\u003e\n  \u003csummary\u003eLanguage\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://www.ruby-lang.org/en/\"\u003eRuby\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.javascript.com/\"\u003eJavaScript\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eFramework\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://rubyonrails.org/\"\u003eRuby on Rails\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://reactjs.org/\"\u003eReactjs\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eDatabase\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://www.postgresql.org/\"\u003ePostgreSQL\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eLinters\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://rubocop.org/\"\u003eRubocop\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://stylelint.io/\"\u003eStylelint\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eMarkup Languages\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://html.spec.whatwg.org/multipage/\"\u003eHTML5\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.w3.org/TR/CSS/#css\"\u003eCSS3\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eTest Library\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://rspec.info/\"\u003eRSpec\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\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\n### Prerequisites\n\n\u003e The following applications are required to be installed for the project to run!\n\n- Install Ruby on your computer (machine)\n- Install a modern browser e.g [Google Chrome](https://www.google.com/chrome/), [Edge](https://www.microsoft.com/en-us/edge?r=1), [Firefox](https://www.mozilla.org/en-US/exp/firefox/new/) etc.\n- Install [Node.js](https://nodejs.org/en/download/) LTS version\n- Install [Git](https://git-scm.com/downloads)\n\n### Setup\n\nClone this repository to your desired folder:\n\n```sh\n  git clone git@github.com:PraisesPJMT/React-on-Rails.git\n  cd React-on-Rails\n```\n\n### Install\n\nInstall this project with:\n\n```sh\n  gem install bundler\n  bundle install\n  npm install\n```\n\n### Usage\n\nTo run the project, execute the following command:\n\n```sh\n  rails db:prepare\n  rails db:seed\n  ./bin/dev\n```\n\n- After running `./bin/dev`, use the app on [http://localhost:3000/](http://localhost:3000/) in the browser!\n- For more information please visit [Ruby-on-Rails](https://rubyonrails.org/).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Praises Tula**\n\n[![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge\u0026logo=github\u0026logoColor=white)](https://github.com/Paul-js-hub)\n[![LinkedIn](https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/in/praises-tula/)\n[![Twitter](https://img.shields.io/badge/Twitter-%231DA1F2.svg?style=for-the-badge\u0026logo=Twitter\u0026logoColor=white)](https://twitter.com/PraisesPJMT/)\n\n[![Gmail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge\u0026logo=gmail\u0026logoColor=white)](mailto:praisesmusa@gmail.com)\n[![AngelList](https://img.shields.io/badge/AngelList-%23D4D4D4.svg?style=for-the-badge\u0026logo=AngelList\u0026logoColor=black)](https://angel.co/u/praises-tula/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](../../issues/).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nGive a ⭐️ if you like this project!\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\n\u003e - Original UI design by [Gregorire Vella](https://www.behance.net/gregoirevella) on [Behance](https://www.behance.net/gallery/19759151/Snapscan-iOs-design-and-branding?tracking_source=).\n\u003e - Tip hart to you for checking this project out\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpraisespjmt%2Freact-on-rails","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpraisespjmt%2Freact-on-rails","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpraisespjmt%2Freact-on-rails/lists"}