{"id":15604616,"url":"https://github.com/nahnahaj/metrics-web-app","last_synced_at":"2025-03-29T14:12:56.144Z","repository":{"id":63688162,"uuid":"568620943","full_name":"NahnahAJ/Metrics-Web-App","owner":"NahnahAJ","description":"Building a mobile web application to check a list of metrics (numeric values) that will be created by making use of React and Redux.","archived":false,"fork":false,"pushed_at":"2022-11-25T10:38:05.000Z","size":810,"stargazers_count":2,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"develop","last_synced_at":"2025-02-04T14:46:55.876Z","etag":null,"topics":["metrics","react","reactjs","redux","webapp"],"latest_commit_sha":null,"homepage":"https://vintage-art-collection.netlify.app/","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/NahnahAJ.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}},"created_at":"2022-11-21T03:28:46.000Z","updated_at":"2023-03-23T07:29:49.000Z","dependencies_parsed_at":"2023-01-22T12:15:38.919Z","dependency_job_id":null,"html_url":"https://github.com/NahnahAJ/Metrics-Web-App","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/NahnahAJ%2FMetrics-Web-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NahnahAJ%2FMetrics-Web-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NahnahAJ%2FMetrics-Web-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NahnahAJ%2FMetrics-Web-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NahnahAJ","download_url":"https://codeload.github.com/NahnahAJ/Metrics-Web-App/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246193275,"owners_count":20738452,"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":["metrics","react","reactjs","redux","webapp"],"created_at":"2024-10-03T03:42:05.886Z","updated_at":"2025-03-29T14:12:56.117Z","avatar_url":"https://github.com/NahnahAJ.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n  \u003cimg src=\"https://raw.githubusercontent.com/microverseinc/readme-template/master/murple_logo.png\" alt=\"logo\" width=\"140\"  height=\"auto\" /\u003e\n  \u003cbr/\u003e\n\n  \u003ch3\u003e\u003cb\u003eMicroverse README Template\u003c/b\u003e\u003c/h3\u003e\n\n\u003c/div\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  - [Deployment](#triangular_flag_on_post-deployment)\n- [👥 Author](#author)\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# 📖 Metrics-Web-App \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n**Metrics-Web-App** is a mobile web application to that is used to check a list of metrics (numeric values) that will be created by making use of React and Redux and Data from the ACNH API.\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://ibb.co/DbFM7dv\"\u003e\u003cimg src=\"https://i.ibb.co/MhH1Rdt/3-devices-white.png\" alt=\"3-devices-white\" border=\"0\"\u003e\u003c/a\u003e\n  \u003cbr/\u003e\n\u003c/div\u003e\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\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://reactjs.org/\"\u003eReact.js\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://redux.js.org/\"\u003eRedux\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.javascript.com/\"\u003eJavaScript\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://html.com/\"\u003eHTML\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n\u003e Description of 1-3 key features of the application.\n\n- **When the page loads, the webapp shows the list of art pieces that could be filtered out by some parameter**\n- **These art pieces are gotten from an API and when the user clicks (or taps) on a piece, the application navigates to the details page.**\n- **On the details page, the webapp retrieves data from the API to show detailed data of the piece that was clicked on and when the user clicks on the \"Back\" button (\u003c), the user navigates back to the home page**\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## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- [Vintage Collections Web APP](https://vintage-art-collection.netlify.app/)\n\n## Loom Presentation Video Link\n- [Project Documentation](https://www.loom.com/share/8d32484262494a13b3ddcfea516ebf6e)\n\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\u003e To get a local copy up and running, follow these steps.\n\n### Prerequisites\n\nIn order to run this project you need:\n\n- A Desktop or Laptop Computer running on with Windows, Mac OS or Linux operating system.\n- Git installed on the Computer\n- Nodejs installed on the Computer\n- A browser installed on the Computer\n\n### Setup\n\nClone this repository to your desired folder:\n\n- `git clone https://github.com/NahnahAJ/Metrics-Web-App.git` if your're using https or git \n- `git@github.com:NahnahAJ/Metrics-Web-App.git` if you prefer ssh and hit enter.\n- create a directory in your preferred location (e.g in the Desktop or Document directory)\n\n\n### Install\n\nInstall this project with:\n\n- Dependencies _(a packet manager is required)_: then you run the command `npm install` in the terminal\n\n### Usage\n\nTo run the project, execute the following command:\n\n- `npm run start`\n- This will run the project on localhost:3000\n\n### Run tests\n\nTo run tests, run the following command:\n\n- `npm run test`\n- This will run all tests on your local machine\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## 👥 Author \u003ca name=\"author\"\u003e\u003c/a\u003e\n\n\u003e I was the sole collaborator in this project.\n\n👤 **Nahnah Ahjuwah**\n\n- GitHub: [@NahnahAJ](https://github.com/NahnahAJ)\n- Twitter: [@NahnahAhjuwah](https://https://twitter.com/NahnahAhjuwah)\n- LinkedIn: [Felicia-Awuah](https://www.linkedin.com/in/felicia-awuah-gyedua/)\n\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\u003e Description of the new features for the project.\n\n- [ ] **I will design a logo that will be put in the nav bar and remove the current block of text that I have as my logo**\n- [ ] **I intend to add additional pages in the website ie. a Reference page \u0026 a Categories page**\n- [ ] **Lastly, I implement some UX improvements: include transitions and/or animations I might add more features as I move forward**\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](../../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\u003e If you like this project then kindly give me a star ⭐️ in the project repository.\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 \u0026 Attribution \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\n\u003e I would like to thank Microverse and [Nelson Sakwa on Behance](https://www.behance.net/sakwadesignstudio) Owner of the original design idea. Attribution: [Creatve Commons Lincense of the Design](https://creativecommons.org/licenses/by-nc/4.0/) and Lastly the [ACHN API](http://acnhapi.com/doc#tag/Art).\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\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%2Fnahnahaj%2Fmetrics-web-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnahnahaj%2Fmetrics-web-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnahnahaj%2Fmetrics-web-app/lists"}