{"id":24277231,"url":"https://github.com/indiecodermm/hello-react-front-end","last_synced_at":"2025-03-14T10:23:00.117Z","repository":{"id":166080446,"uuid":"641338325","full_name":"IndieCoderMM/hello-react-front-end","owner":"IndieCoderMM","description":"Frontend app for the greeting app","archived":false,"fork":false,"pushed_at":"2023-05-17T04:33:16.000Z","size":225,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-01-16T00:08:20.220Z","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":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/IndieCoderMM.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-05-16T09:09:09.000Z","updated_at":"2023-06-02T16:09:20.000Z","dependencies_parsed_at":null,"dependency_job_id":"adeae9a0-13b0-4091-9897-b49042e15059","html_url":"https://github.com/IndieCoderMM/hello-react-front-end","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/IndieCoderMM%2Fhello-react-front-end","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IndieCoderMM%2Fhello-react-front-end/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IndieCoderMM%2Fhello-react-front-end/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IndieCoderMM%2Fhello-react-front-end/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IndieCoderMM","download_url":"https://codeload.github.com/IndieCoderMM/hello-react-front-end/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243559078,"owners_count":20310689,"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":"2025-01-15T23:34:14.200Z","updated_at":"2025-03-14T10:23:00.090Z","avatar_url":"https://github.com/IndieCoderMM.png","language":"JavaScript","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/indiecodermm/hello-rails-back-end). 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 git@github.com:IndieCoderMM/hello-react-front-end.git .\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**Hein Thant**\n\n[![Github](https://img.shields.io/badge/GitHub-673AB7?style=for-the-badge\u0026logo=github\u0026logoColor=white)](https://github.com/IndieCoderMM)\n[![Linkedin](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://linkedin.com/in/hthantoo)\n[![Gmail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge\u0026logo=gmail\u0026logoColor=white)](mailto:hthant00chk@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","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Findiecodermm%2Fhello-react-front-end","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Findiecodermm%2Fhello-react-front-end","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Findiecodermm%2Fhello-react-front-end/lists"}