{"id":16071548,"url":"https://github.com/fmanimashaun/hello-react-front-end","last_synced_at":"2026-05-07T14:41:39.473Z","repository":{"id":221692981,"uuid":"755097667","full_name":"fmanimashaun/hello-react-front-end","owner":"fmanimashaun","description":"This is a simple React application that displays a random greeting message using redux-toolkit and react-router and rail api-only backend.","archived":false,"fork":false,"pushed_at":"2024-02-10T07:39:03.000Z","size":422,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-02-10T21:00:04.419Z","etag":null,"topics":["api","react-redux","react-router","reactjs","rtk"],"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/fmanimashaun.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":"2024-02-09T12:50:31.000Z","updated_at":"2024-02-10T07:39:08.000Z","dependencies_parsed_at":null,"dependency_job_id":"537aa136-cf0e-4c73-8235-e792e20aa96c","html_url":"https://github.com/fmanimashaun/hello-react-front-end","commit_stats":null,"previous_names":["fmanimashaun/hello-react-front-end"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fmanimashaun%2Fhello-react-front-end","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fmanimashaun%2Fhello-react-front-end/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fmanimashaun%2Fhello-react-front-end/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fmanimashaun%2Fhello-react-front-end/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fmanimashaun","download_url":"https://codeload.github.com/fmanimashaun/hello-react-front-end/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247318749,"owners_count":20919483,"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","react-redux","react-router","reactjs","rtk"],"created_at":"2024-10-09T07:41:10.203Z","updated_at":"2025-10-28T01:04:49.497Z","avatar_url":"https://github.com/fmanimashaun.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![](https://img.shields.io/badge/fmanimashaun-green)\n\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n# Hello React Front-end\n\n# 📗 Table of Contents\n\n- [📖 About the Project](#about-project)\n  - [🛠 Built With](#built-with)\n    - [Tech Stack](#tech-stack)\n    - [Key Features](#key-features)\n  - [🚀 Live Demo](#live-demo)\n- [💻 Getting Started](#getting-started)\n  - [Setup](#setup)\n  - [Prerequisites](#prerequisites)\n  - [Install](#install)\n  - [Usage](#usage)\n- [👥 Authors](#authors)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [❓ FAQ (OPTIONAL)](#faq)\n- [📝 License](#license)\n\n# 📖 Hello React Front-end \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\nThis is a simple React application that displays a random greeting message using redux-toolkit and react-router and rail api-only backend.\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- [React](https://reactjs.org/)\n- [React Router Dom](https://reactrouter.com/web/guides/quick-start)\n- [React Redux](https://react-redux.js.org/)\n- [Redux-toolkit](https://redux-toolkit.js.org/)\n- [Axios](https://axios-http.com/)\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- [x] **Random Greeting:** Displays a random greeting message from a selection of 5 different greetings stored in the database.\n- [x] **React Components:** Uses React to create dynamic UI components.\n- [x] **API Endpoint:** Includes an API endpoint that selects a random greeting from the database.\n- [x] **Redux Store:** A store, an action, and a reducer are created that connect to the API endpoint to get the random greeting.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🚀 Backend Repo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n\n- [Backend Repo Link](https://github.com/fmanimashaun/hello-rails-back-end)\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\n### Prerequisites \u003ca name=\"prerequisites\"\u003e\u003c/a\u003e\n\n- [Optional] Install git bash to your machine to enable you to clone this repo.\n- install Visual Studio to be able to host a local live version.\n- Install a browser to view the local live version.\n\nTo get a local copy up and running follow these simple example steps.\n### Setup \u003ca name=\"setup\"\u003e\u003c/a\u003e\n\nClone this repository to your desired folder:\n\n```sh\n  cd your-desired-folder\n  git clone https://github.com/fmanimashaun/hello-react-front-end.git\n  open the repo folder `hello-react-front-end`\n```\n\n### Install \u003ca name=\"install\"\u003e\u003c/a\u003e\n\nInstall this project dependencies with:\n\n```sh\n  npm install\n```\n\n### Usage \u003ca name=\"usage\"\u003e\u003c/a\u003e\n\nTo run the project, execute the following command:\n\n```sh\n  npm run start\n```\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in your browser.\n\nThe page will reload when you make changes.\\\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👤 **Engr. Animashaun Fisayo**\n\n- [GitHub](https://github.com/fmanimashaun)\n- [Twitter](https://twitter.com/fmanimashaun)\n- [LinkedIn](https://www.linkedin.com/in/fmanimashaun/)\n- [Website](https://fmanimashaun.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- [ ] Display a list of all cryptocurrencies and their respective rankings in the global cryptocurrency market.\n- [ ] Click on a cryptocurrency to view more detailed information about it.\n- [ ] The app enables users to search for specific cryptocurrencies easily.\n- [ ] View real-time cryptocurrency data using the app's integration with the CoinGecko API.\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\nIf you like this project and want to support me, you can give a ⭐️ to this repo!\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\n\nI would like to thank [Microverse](https://www.microverse.org/) for giving me this opportunity to learn and build this project. And also, I would like to thank [Nelson Sakwa](https://www.behance.net/sakwadesignstudio) on Behance for providing the design of this project.\n\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- **How is the ranking of the cryptocurrency exchanges determined?**\n\n  - The ranking of the exchanges is determined based on their trading volume, as reported by the CoinGecko API, which aggregates data from various sources. The app ranks the exchanges by their trading volume over a 24-hour period.\n\n- **Can I search for specific exchanges on the app?**\n\n  - Yes, you can! The app includes a search bar that allows you to search for exchanges by name. Simply type in the name of the exchange you're looking for, and the app will display a list of all exchanges that match your search query.\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%2Ffmanimashaun%2Fhello-react-front-end","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffmanimashaun%2Fhello-react-front-end","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffmanimashaun%2Fhello-react-front-end/lists"}