{"id":20624177,"url":"https://github.com/gardimy/react_redux_capstone","last_synced_at":"2026-04-11T11:32:25.829Z","repository":{"id":178773568,"uuid":"662328287","full_name":"Gardimy/React_Redux_capstone","owner":"Gardimy","description":" I  want to introduce my React Capstone Project, which involves building a mobile web application using React and Redux. The project focuses on creating an application that allows users to check a list of metrics obtained from a selected API.","archived":false,"fork":false,"pushed_at":"2023-07-09T03:10:02.000Z","size":860,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"Dev","last_synced_at":"2025-01-13T14:52:08.258Z","etag":null,"topics":["api","javascript","jest","react","react-router","reacttestinglibrary","redux"],"latest_commit_sha":null,"homepage":"https://gardimycharleswebapp.onrender.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Gardimy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-07-04T22:22:28.000Z","updated_at":"2023-07-08T00:14:56.000Z","dependencies_parsed_at":null,"dependency_job_id":"d22a479f-88a4-4eea-8456-557289a85709","html_url":"https://github.com/Gardimy/React_Redux_capstone","commit_stats":null,"previous_names":["gardimy/react_redux_capstone"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gardimy%2FReact_Redux_capstone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gardimy%2FReact_Redux_capstone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gardimy%2FReact_Redux_capstone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gardimy%2FReact_Redux_capstone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Gardimy","download_url":"https://codeload.github.com/Gardimy/React_Redux_capstone/tar.gz/refs/heads/Dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242332581,"owners_count":20110345,"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","javascript","jest","react","react-router","reacttestinglibrary","redux"],"created_at":"2024-11-16T12:29:54.514Z","updated_at":"2025-10-17T21:26:50.396Z","avatar_url":"https://github.com/Gardimy.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React/Redux Capstone project\n\u003cbr\u003e\n\u003cdiv align='center'\u003e\n\t\u003ch1\u003eTVSHOW/Anime\u003c/h1\u003e\n  \u003c/div\u003e\n\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n# 📗 Table of Contents\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- [👥 Authors](#authors)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [📝 License](#license)\n\n\n# 📖 TVSHOW/Anime! \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n**Anime/Details** This project introduces the React Capstone Project, which involves building a mobile web application using React and Redux. The project focuses on creating an application that allows users to check a list of metrics obtained from a selected API. The application consists of multiple pages, including a homepage with a list of items and a details page displaying specific data for each item. The project follows design guidelines and incorporates interactions for a seamless user experience.\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\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://www.w3schools.com/html/\"\u003eHTML\u003c/\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/CSS\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.w3schools.com/js/default.asp\"\u003eJavaScript\u003c/a\u003e\u003c/li\u003e\n\t  \u003cli\u003e\u003ca href=\"https://react.dev/learn/react-developer-tools\"\u003eReact\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://redux-toolkit.js.org/\"\u003eRedux\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://docs.api.jikan.moe/\"\u003eAPI\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- Built the Desktop version \n- Use an another API to get more Data\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n\n## 🚀 You can check the Live Demo here\u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n[Anime/Details Live Demo](https://gardimycharleswebapp.onrender.com) \n[Project presentetion record](https://www.loom.com/share/e55bdd98c4a84f7785276daed8b2abbe?sid=9615a862-dbb3-4d35-91ee-ce2c78ca35dc)\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- Step 1: Clone this project using this git comand \"git clone\", (if you don't have git installed please visit\n  https://git-scm.com/downloads and install it).\n- Step 2: Once you have installed git you can clone this project using the command below:\n  ```\n  git clone https://github.com/Gardimy/React_Redux_capstone\n  ```\n- Step 3: Once you have cloned this repo navigate to the folder that contains\n  the repository.\n- Step 4: If you want to watch the html file open it with your favorite web browser(This project MUST be opened from VS Code for full functionality).\n- Step 5: If you want to edit this project open it with your favorite text editor.\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\nTo get a local copy up and running cloning this repo `https://github.com/Gardimy/React_Redux_capstone`.\n\n### Prerequisites\n\nThere are no known prerequisites to run this project.\nIf you encounter any issues trying to run it, please feel free to\n[open a ticket](https://github.com/Gardimy/React_Redux_capstone/issues) to let me know and i will work on it to the best\nof my abilities\n\n### Setup\n\nClone this repository to your desired folder:\n\n`https://github.com/Gardimy/React_Redux_capstone`\n\nor\n\n`https://github.com/Gardimy/React_Redux_capstone` \u003c-- _Only if you have [SSH keys configured](https://docs.github.com/en/authentication/connecting-to-github-with-ssh/adding-a-new-ssh-key-to-your-github-account) on your GitHub account_.\n\n### Usage\n\nTo run the project:\n\n- Method 1:\n\n```sh\n  cd PATH_TO_CLONE\n  npm install\n  npm run build\n  npm start\n```\n\nMethod 2:\nOpen './dist/index.html' in your browser of choice\n\n### Deployment\n\nYou can deploy this project using [github pages](https://docs.github.com/en/pages/quickstart),\n[Render](https://dashboard.render.com/)\nor a web-hosting platform of your choice.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n\u003e 👤 **Gardimy Charles**\n- GitHub: [@Gardimy](https://github.com/Gardimy)\n- Twitter: [@gardyelontiga45](https://twitter.com/gardyelontiga45)\n- LinkedIn: [Gardimy charles](https://www.linkedin.com/in/gardimy-charles)\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- Use store, actions and reducers in React.\n- Connect React and Redux.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\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/Gardimy/React_Redux_capstone/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\nIf you like this project please give me a start and share my portfolio to recruters!\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 to [Nelson Sakwa on Behance.](https://www.behance.net/sakwadesignstudio) who's made the original design available for all feature developer.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FAQ (optional) --\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%2Fgardimy%2Freact_redux_capstone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgardimy%2Freact_redux_capstone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgardimy%2Freact_redux_capstone/lists"}