{"id":17562059,"url":"https://github.com/kidd254/rick-morty","last_synced_at":"2026-04-10T11:32:35.814Z","repository":{"id":224329086,"uuid":"762993969","full_name":"Kidd254/Rick-Morty","owner":"Kidd254","description":"Rick \u0026 Morty app is an app that is meant to display a list of characters, their residents and other details relevant to them. The app makes use of Rick \u0026 Morty API to retrieve relevant data for the app","archived":false,"fork":false,"pushed_at":"2024-03-04T09:01:29.000Z","size":2705,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-08-08T12:37:11.425Z","etag":null,"topics":["axios","bootstrap5","browser-router-dom","client-side-rendering","components","css3","javascript","react-redux-toolkit","reactjs","state-management"],"latest_commit_sha":null,"homepage":"https://rick-and-morty-7d94.onrender.com/","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/Kidd254.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}},"created_at":"2024-02-25T09:17:42.000Z","updated_at":"2024-02-29T11:06:36.000Z","dependencies_parsed_at":"2024-02-25T11:25:44.734Z","dependency_job_id":"a14b0cea-f2d6-400f-89e2-d0d23e5254ca","html_url":"https://github.com/Kidd254/Rick-Morty","commit_stats":null,"previous_names":["kidd254/rick-morty"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Kidd254/Rick-Morty","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kidd254%2FRick-Morty","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kidd254%2FRick-Morty/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kidd254%2FRick-Morty/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kidd254%2FRick-Morty/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Kidd254","download_url":"https://codeload.github.com/Kidd254/Rick-Morty/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kidd254%2FRick-Morty/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31641114,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T07:40:12.752Z","status":"ssl_error","status_checked_at":"2026-04-10T07:40:11.664Z","response_time":98,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["axios","bootstrap5","browser-router-dom","client-side-rendering","components","css3","javascript","react-redux-toolkit","reactjs","state-management"],"created_at":"2024-10-21T12:25:21.363Z","updated_at":"2026-04-10T11:32:35.798Z","avatar_url":"https://github.com/Kidd254.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\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  - [Run tests](#run-tests)\n- [👥 Authors](#authors)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [📝 License](#license)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 RICK \u0026 MORTY \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n\u003e This React app retrieves information about locations and their residents from the Rick and Morty API. It provides search/filter functionality, displays location details, and allows users to view resident information, along with the ability to add notes about a character.\n\n\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\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"#\"\u003eHTML\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://getbootstrap.com/\"\u003eBootstrap\u003c/a\u003e Utilized for basic styling and responsive layout. \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://reactjs.org/\"\u003eReact.js\u003c/a\u003e Used for building the user interface with a component-based architecture.\u003c/li\u003e\n     \u003cli\u003e\u003ca href=\"https://react-redux.js.org/\"\u003eReact/Redux\u003c/a\u003e Implemented for state management, especially for handling asynchronous data fetching.\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- [x] Set up the project using (CRA) create-react-app👍.\n- [x] Remove the boilerplate from the project after setting up💯.\n- [x] Install Redux-toolkit and configure\n- [x] Install bootstrap package and configure\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- [a link to the online version](https://rick-and-morty-7d94.onrender.com/)\n\n- [a link to a presentation about this project] ()\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\n\nTo create the up, follow these steps.\n\n### Prerequisites\n\nIn order to run this project you need to have the following installed;\n- Node.js\n- npm\n\nYou also need to have a basic understanding of React JS, Redux and bootstrap.\n\n\n### Setup\n Set up the project using (CRA) create-react-app to your desired folder👍 (rick_morty folder)\n```sh\nnpx create-react-app rick_morty\ncd rick_morty\nnpm start\n```\nThis will start the application in development mode. You can now open the application in your browser by navigating to `http://localhost:3000`.\n\n\n### Install\n\nInstall the neccesary packages:\n```sh\nnpm install @reduxjs/toolkit bootstrap axios react-router-dom\n```\n### Setting up Redux\n- Create listSlice to retrieve location data and add the reducers to store.js.\n- Create residentsSlice to fetch resident data and add the reducers to store.js.\n= Create detailsSlice to get resident details and add to store.js\n\n```sh\n\n```\n\n### Setting up Components\n- Create the main component (List.jsx) to display resident details and locations.\n- Develop a details component (ResidentDetails.jsx) to display details for a specific resident.\n- Implement a note component (NoteForm.jsx) to enable users to add notes.\n\n```sh\n  npm start\n```\n### Setting up Assets\n- add relevant assets (fonts, custom styles, and images)\n\n### Setting up Layout\n-Create a layout file to define the structure of the main wireframe.\n```sh\nimport PropTypes from 'prop-types';\n\nconst Layout = ({ children }) =\u003e (\n  \u003c\u003e\n    \u003cmain\u003e{children}\u003c/main\u003e\n  \u003c/\u003e\n);\n\nLayout.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default Layout;\n\n\n```\n\n### Run tests\n\nTo run tests for the linter, run the following command:\n\n```sh\n npx hint .\nnpx eslint --fix\nnpx stylelint \"**/*.{css,scss}\" --fix\n\n```\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👤 **Lawrence Muema Kioko**\n- GitHub: [@githubhandle](https://github.com/Kidd254)\n- Twitter: [@twitterhandle](https://twitter.com/lawrenc98789206)\n- LinkedIn: [LinkedIn](https://www.linkedin.com/in/lawrence-muema-kioko-972035240/)\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\n- [x] I will test this app using the library from React or maybe use Jest to test it👌💯.\n- [x] I will add more wireframes\n- [x] I will add other features\n\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/Kidd254/Rick-Morty/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- If you like this project you can give me a star 😊 just to prove my app that it is useful for everyone 💯.\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🙏 Acknowledgments\n\n-  Thanks to [Shamiri Institute](https://www.shamiri.institute/) for providing the API used in this project.\n-  Inspiration for this project came from the amazing world of Rick and Morty.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\u003c!-- LICENSE --\u003e\n## ❓ FAQ\n\n- Can I copy this project?\n\n    Your are welcome, copy this project and let me know if you need something.\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](https://github.com/Kidd254/Rick-Morty/blob/set-up/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%2Fkidd254%2Frick-morty","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkidd254%2Frick-morty","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkidd254%2Frick-morty/lists"}