{"id":16074442,"url":"https://github.com/najibullahjafari/rails_react_webpack","last_synced_at":"2026-04-09T08:44:23.815Z","repository":{"id":206218264,"uuid":"716076874","full_name":"najibullahjafari/rails_react_webpack","owner":"najibullahjafari","description":"A Full-stack web page with react and rails, I used ruby on rails to make api, I used react reducer and store to fetch data from API url and display on web page.","archived":false,"fork":false,"pushed_at":"2023-11-11T11:29:32.000Z","size":505,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-02-10T21:36:21.363Z","etag":null,"topics":["api","full-stack-web-development","rails","react","reducer","redux","redux-toolkit","ror"],"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/najibullahjafari.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-11-08T12:09:08.000Z","updated_at":"2023-11-11T11:33:23.000Z","dependencies_parsed_at":null,"dependency_job_id":"e3b58527-602a-4d59-b936-3e9b8173b946","html_url":"https://github.com/najibullahjafari/rails_react_webpack","commit_stats":null,"previous_names":["najibullahjafari/rails_react_webpack"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/najibullahjafari%2Frails_react_webpack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/najibullahjafari%2Frails_react_webpack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/najibullahjafari%2Frails_react_webpack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/najibullahjafari%2Frails_react_webpack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/najibullahjafari","download_url":"https://codeload.github.com/najibullahjafari/rails_react_webpack/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247325647,"owners_count":20920713,"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":["api","full-stack-web-development","rails","react","reducer","redux","redux-toolkit","ror"],"created_at":"2024-10-09T08:43:01.858Z","updated_at":"2026-04-09T08:44:23.774Z","avatar_url":"https://github.com/najibullahjafari.png","language":"Ruby","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003ch3\u003e\u003cb\u003eHello Rails React\u003c/b\u003e\u003c/h3\u003e\n\u003c/div\u003e\n\n[![codecov](https://codecov.io/gh/cancelei/blog-in-rails/graph/badge.svg?token=ITBDQ9ZRO7)](https://codecov.io/gh/cancelei/blog-in-rails)\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n- [📗 Table of Contents](#-table-of-contents)\n- [📖 Hello Rails React ](#ruby-on-rails-group-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    - [Run tests](#run-tests)\n  - [👥 Authors ](#-authors-)\n  - [🔭 Future Features ](#-future-features-)\n  - [🤝 Contributing ](#-contributing-)\n  - [⭐️ Show your support ](#️-show-your-support-)\n  - [🙏 Acknowledgments ](#-acknowledgments-)\n  - [❓ FAQ (OPTIONAL) ](#-faq-optional-)\n  - [📝 License ](#-license-)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 Hello rials react\u003ca name=\"ruby-on-rails-group-project\"\u003e\u003c/a\u003e\n\n**Hello rials react** \nHello rails react is an application that I setuped by webpack and I used the react inside rails.\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 So you want to lear more about the tech we have used for this project?\n\n\u003cdetails\u003e\n  \u003csummary\u003eServer\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://rubyonrails.org/\"\u003eRuby on Rails\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\u003csummary\u003eFront-end\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://www.react.dev\"\u003eReact\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **Make use for migrations features from Active Record**\n- **Include Tables for User, Categories and Transactions**\n- **Include React**\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\nTo get a local copy up and running, follow these steps.\nNote: We are assuming you have pre-installed ruby, WSL, ubuntu and rails!\n\n### Prerequisites\n\nIn order to run this project you need:\n\nfirst at all, install rails:\n\n```sh\n gem install rails\n```\n\n### Setup\n\nClone this repository to your desired folder:\n\n```sh\ngit clone https://github.com/najibullahjafari/rails_react_webpack\n```\n\n### Install\n\nInstall this project with:\n\n```sh\n  bundle install\n  npm install\n  yarn install\n  bundle exec rails assets:precompile\n```\n\nSetting up the Data Base:\n\n```sh\n  rails db:create\n  rails db:migrate\n  rails db:seed\n```\n\n### Usage\n\nTo run the project, execute the following command:\n\n```sh\n  rails server\n```\n\n### Run tests\n\n\u003c!-- Test are under construction, but we expect to have them completed soon! --\u003e\n\nBefore running tests, ensure you've set up the test database:\n\n```sh\nbin/rails db:migrate RAILS_ENV=test\n```\n\n**Note:** Given that the aim of this project is to test the application's UI, to see if it works without side effects. We have therefore had to modify the contents of certain files, which could have the effect of falsifying certain `Unit` tests.\nWe therefore recommend that, rather than running all the tests, you only test the `features` folder.\n\n```sh\nbundle exec rspec ./spec/features\n\n```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### Install\n\nInstall this project with:\n\n```sh\n  cd rails_react_webpack\n  bundle install\n```\n\nSetting up the Data Base:\n\n```sh\n  rails db:create\n  rails db:migrate\n  rails db:seed\n```\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Najibullah Jafari**\n\n- GitHub: [Najibullah_jafari](https://github.com/najibullahjafari)\n- Twitter: [Najibullah_jafari](https://twitter.com/Najib_Jafari_)\n- LinkedIn: [Najibullah_jafari](https://www.linkedin.com/in/najibullahjafari/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FUTURE FEATURES --\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n\u003e We this project can improve, we are planning to include the next features soon:\n\n- [x] **User Interface**\n- [x] **Validations**\n- [x] **API documentation**\n- [x] **Model Data**\n- [x] **Controllers Testing**\n- [x] **Models Testing**\n- [x] **View Implementation**\n- [x] **User Interface**\n- [x] **Validations**\n- [x] **API documentation**\n- [x] **Model Data**\n- [x] **Controllers Testing**\n- [x] **Models Testing**\n- [x] **View Implementation**\n- [x] **Integration Testing**\n- [x] **Unit Testing**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\u003c!-- CONTRIBUTING --\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](https://github.com/najibullahjafari/rails_react_webpack/issues).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\n\u003e Would you like to help?\n\nIf you like this project feel free to leave an star, as well if you have a suggestion feel free to visit issues page.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\nI would like to thank Microverse.\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## ❓ FAQ (OPTIONAL) \u003ca name=\"faq\"\u003e\u003c/a\u003e\n\n\u003e Learn more about FAQ below:\n\n- **How do I fix Linters errors if I modify the project?**\n\n  - for rubocop run\n\n  ```sh\n  rubocop -A\n  ```\n\n  - for Stylint run:\n\n  ```sh\n  npx stylelint \"**/*.{css,scss}\" --fix\n  ```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnajibullahjafari%2Frails_react_webpack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnajibullahjafari%2Frails_react_webpack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnajibullahjafari%2Frails_react_webpack/lists"}