{"id":16070845,"url":"https://github.com/nkaleth/capstone2_art","last_synced_at":"2026-04-24T22:36:22.583Z","repository":{"id":65786079,"uuid":"598291152","full_name":"Nkaleth/Capstone2_art","owner":"Nkaleth","description":"This JavaScript capstone project is about building a web application based on an external API. We selected an API from a Museum that provides data about paintings and then we build the webapp around it. This webapp will have 3 user interfaces.","archived":false,"fork":false,"pushed_at":"2023-03-11T16:53:39.000Z","size":1235,"stargazers_count":1,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"development","last_synced_at":"2025-06-16T09:01:15.729Z","etag":null,"topics":["api-rest","conflict-resolution","gitflow-workflow","html-css-javascript","teamwork","webpack"],"latest_commit_sha":null,"homepage":"https://nkaleth.github.io/Capstone2_art/","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/Nkaleth.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-02-06T19:58:00.000Z","updated_at":"2023-07-11T23:27:18.000Z","dependencies_parsed_at":null,"dependency_job_id":"3024e6a7-881c-4a4e-a5d9-df5cd9f57091","html_url":"https://github.com/Nkaleth/Capstone2_art","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":"microverseinc/readme-template","purl":"pkg:github/Nkaleth/Capstone2_art","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nkaleth%2FCapstone2_art","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nkaleth%2FCapstone2_art/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nkaleth%2FCapstone2_art/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nkaleth%2FCapstone2_art/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Nkaleth","download_url":"https://codeload.github.com/Nkaleth/Capstone2_art/tar.gz/refs/heads/development","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nkaleth%2FCapstone2_art/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32243561,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-24T13:21:15.438Z","status":"ssl_error","status_checked_at":"2026-04-24T13:21:15.005Z","response_time":64,"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":["api-rest","conflict-resolution","gitflow-workflow","html-css-javascript","teamwork","webpack"],"created_at":"2024-10-09T07:20:28.470Z","updated_at":"2026-04-24T22:36:22.566Z","avatar_url":"https://github.com/Nkaleth.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003c!-- You are encouraged to replace this logo with your own! Otherwise you can also remove it. --\u003e\n  \u003cimg src=\"ns_logo.gif\" alt=\"logo\" width=\"350\"  height=\"auto\" /\u003e\n  \u003cbr/\u003e\n\u003c/div\u003e\n\n# 📗 Table of Contents\n\n- [📗 Table of Contents](#-table-of-contents)\n- [📖 LEADERBOARD ](#-Leaderboard-)\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    - [Prerequisites](#prerequisites)\n    - [Setup](#setup)\n    - [Install](#install)\n    - [Usage](#usage)\n    - [Run tests](#run-tests)\n    - [Deployment](#deployment)\n  - [👥 Authors ](#-authors-)\n  - [🔭 Future Features ](#-future-features-)\n  - [🤝 Contributing ](#-contributing-)\n  - [⭐️ Show your support ](#️-show-your-support-)\n  - [🙏 Acknowledgments ](#-acknowledgments-)\n  - [📝 License ](#-license-)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 Art Gallery\u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n\u003e This JavaScript capstone project is about building a web application based on an external API. We selected an API from a Museum that provides data about paintings and then we build the webapp around it. This webapp will have 3 user interfaces.\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\u003e This project uses the following stack :\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/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.w3schools.com/css/\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\n     \u003cli\u003e\u003ca href=\"https://www.w3schools.com/js/\"\u003eJavaScript\u003c/a\u003e\u003c/li\u003e\n     \u003cli\u003e\u003ca href=\"https://www.w3schools.com/js/\"\u003eWebpack\u003c/a\u003e\u003c/li\u003e\n     \u003cli\u003e\u003ca href=\"https://aws.amazon.com/what-is/api/\"\u003eAPI\u003c/a\u003e\u003c/li\u003e\n     \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 Here are some key features of the application :\n\n- **Use callbacks and promises.**\n- **Learn how to use proper ES6 syntax.**\n- **Use ES6 modules to write modular JavaScript.**\n- **Use webpack to bundle JavaScript.**\n- **Follow Gitflow.**\n- **Solve simple git conflicts.**\n- **Send and receive data from an API.**\n- **Use API documentation.**\n- **Understand and use JSON.**\n- **Make JavaScript code asynchronous.**\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[Art Gallery Project](https://nkaleth.github.io/Capstone2_art/)\n\n[Video presentation](https://drive.google.com/file/d/1j_LM6YTmhc99GzXe65AKPcWzNPuidfHI/view?usp=share_link)\n\n\u003c!-- \u003e Here you can visit my live demo : --\u003e\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 Clone the repository by clicking on the 'Code' button and copy the link\n\nTo get a local copy up and running, follow these steps.\n\n### Prerequisites\n\nIn order to run this project you need:\n\n-visual studio\n-github\n\n### Setup\n\nClone this repository to your desired folder:\n\n```sh\n  mkdir my-folder\n  cd my-folder\n  git clone https://github.com/Nkaleth/Capstone2_art.git\n```\n\n-\n\n### Install\n\nInstall this project with:\n\n```\n  npm install\n```\n### Usage I\n\nChange the main branch to the right one, execute the following command:\n\n```sh\n  git checkout development\n```\n\n### Usage II\n\nTo run the project, execute the following command:\n\n```sh\n  npm start\n```\n\n### Run tests\n\nTo run tests, run the following command:\n\nExample command:\n\nTo run the webhint linter\n\n```sh\n  npx hint .\n```\n\nTo run the stylehint linter\n\n```sh\n  npx stylehint \"**/*.{css,scss}\"\n```\n\nTo run the ESLint linter\n\n```sh\n  npx eslint .\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👤 **Francis Uche**\n\n- GitHub: [@francis3400](https://github.com/francis3400)\n- Twitter: [@francisBlinkz](https://twitter.com/francisBlinkz)\n- LinkedIn: [LinkedIn](https://linkedin.com/in/francis-uche)\n\n👤 **Nilton Segura**\n\n- GitHub: [@Nkaleth](https://github.com/Nkaleth)\n- Twitter: [@NoeSeguraL](https://twitter.com/NoeSeguraL)\n- LinkedIn: [LinkedIn](https://www.linkedin.com/in/nseguralu/)\n\n👤 **Ayomipo Majekodunmi**\n\n- GitHub: [@AyomipoMajek](https://github.com/AyomipoMajek)\n- LinkedIn: [LinkedIn](https://www.linkedin.com/in/ayomipo-majek-977569185/)\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- **Implement some UX improvements: include transitions and/or animations, etc.**\n- **Implement additional home pages, one page per category of items.**\n- **Implement a mobile design for the webapp**\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\nIf you like this project follow us and star it!\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 Microverse\u003cbr\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [licensed](./MIT.md) .\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%2Fnkaleth%2Fcapstone2_art","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnkaleth%2Fcapstone2_art","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnkaleth%2Fcapstone2_art/lists"}