{"id":24462274,"url":"https://github.com/tanveerisonline/rails-react-frontend","last_synced_at":"2026-05-08T04:35:36.570Z","repository":{"id":172033490,"uuid":"648760182","full_name":"tanveerisonline/rails-react-frontend","owner":"tanveerisonline","description":"This project is a frontend for my greeting app. The Greeting App is a simple web application built to demonstrate the implementation of a connection between a Ruby on Rails back-end and a React front-end. ","archived":false,"fork":false,"pushed_at":"2023-08-30T13:12:31.000Z","size":199,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-03-14T10:25:04.734Z","etag":null,"topics":["eslint","gitflow","react","stylelint"],"latest_commit_sha":null,"homepage":"","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/tanveerisonline.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-06-02T18:37:33.000Z","updated_at":"2023-07-07T14:06:58.000Z","dependencies_parsed_at":"2025-01-21T04:31:47.801Z","dependency_job_id":"0e44254d-f7bc-411b-a87f-8b1bace0c70c","html_url":"https://github.com/tanveerisonline/rails-react-frontend","commit_stats":null,"previous_names":["tanveerisonline/rails-react-frontend"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/tanveerisonline/rails-react-frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tanveerisonline%2Frails-react-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tanveerisonline%2Frails-react-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tanveerisonline%2Frails-react-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tanveerisonline%2Frails-react-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tanveerisonline","download_url":"https://codeload.github.com/tanveerisonline/rails-react-frontend/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tanveerisonline%2Frails-react-frontend/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261036860,"owners_count":23100931,"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":["eslint","gitflow","react","stylelint"],"created_at":"2025-01-21T04:31:36.822Z","updated_at":"2026-05-08T04:35:31.526Z","avatar_url":"https://github.com/tanveerisonline.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\u003cdetails\u003e\n\u003csummary\u003eTable of Contents\u003c/summary\u003e\n\n- [👋 Greeting App : Frontend](#-greeting-app--frontend)\n  - [📂 Backend Repository](#-backend-repository)\n  - [🧰 Tech Stack  ](#-tech-stack--)\n  - [✨ Key Features  ](#-key-features--)\n  - [📘 Getting Started  ](#-getting-started--)\n    - [📋 Prerequisites](#-prerequisites)\n    - [📁 Setup](#-setup)\n    - [📥 Installation](#-installation)\n    - [💻 Usage](#-usage)\n  - [👨‍🚀 Author  ](#-author--)\n  - [🎯 Future Features  ](#-future-features--)\n  - [🤝 Contribution  ](#-contribution--)\n  - [💖 Show Your Support  ](#-show-your-support--)\n  - [🙏 Acknowledgements](#-acknowledgements)\n  - [📜 License ](#-license-)\n\u003c/details\u003e\n\n# 👋 Greeting App: Frontend\n\n**This project is a frontend for my greeting app.**\n\nThe Greeting App is a simple web application built to demonstrate the implementation of a connection between a Ruby on Rails back-end and a React front-end. It generates random greetings and serves as a learning tool for understanding the integration between these two technologies.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 📂 Backend Repository\n\nThe backend repository for the Greeting App can be found at [hello-rails-back-end](https://github.com/tanveerisonline/rails-react-backend). It contains the server-side code and creates the necessary API endpoint.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🧰 Tech Stack  \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\nThe frontend is built using the following technologies:\n\n- React\n- Redux Toolkit\n- React Router\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## ✨ Key Features  \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- Fetch data from API\n- Display random greeting message\n- Responsive design\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 📘 Getting Started  \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo run this project locally, you'll need to follow these steps.\n\n### 📋 Prerequisites\n\nMake sure you have the following installed on your machine:\n- [Node.js](https://nodejs.org/en/)\n\n### 📁 Setup\n\nClone this repository to your desired foler.\n\n```sh\ncd my-project\ngit clone https://github.com/tanveerisonline/rails-react-frontend.\n```\n\n### 📥 Installation\n\nInstall the dependencies with:\n\n```sh\nnpm install\n```\n\n### 💻 Usage\n\nTo run the development server, execute the following command:\n\n```sh\nnpm start\n```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 👨‍🚀 Author  \u003ca name=\"author\"\u003e\u003c/a\u003e\n\nI am always looking for ways to improve my project. If you have any suggestions or ideas, I would love to hear from you.\n\n**Tanveer Ahmad**\n\n[![Github](https://img.shields.io/badge/GitHub-673AB7?style=for-the-badge\u0026logo=github\u0026logoColor=white)](https://github.com/tanveerisonline)\n[![Linkedin](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/in/tanveerisonline/)\n[![Gmail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge\u0026logo=gmail\u0026logoColor=white)](mailto:tanveerisonline@gmail.com)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🎯 Future Features  \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- [ ] Add more features\n \n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🤝 Contribution  \u003ca name=\"contribution\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome! \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\nIf you like this project, please consider giving it a ⭐.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🙏 Acknowledgements\n\nI would like to thank all code reviewers for making this project better.\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\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%2Ftanveerisonline%2Frails-react-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftanveerisonline%2Frails-react-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftanveerisonline%2Frails-react-frontend/lists"}