{"id":19884804,"url":"https://github.com/microverse-fullstack-program/javascript-capstone","last_synced_at":"2025-07-04T08:05:42.244Z","repository":{"id":65403927,"uuid":"590043275","full_name":"Microverse-Fullstack-Program/JavaScript-Capstone","owner":"Microverse-Fullstack-Program","description":"A Museum of Art API-based website built during the Microverse online program as part of the JavaScript module Capstone project by a team of two people. The purpose of the project was to provide hand on experience in javascript, unit-testing, and API. The app is built using the frontend technologies HTML, CSS, and JavaScript.","archived":false,"fork":false,"pushed_at":"2023-02-23T18:37:28.000Z","size":653,"stargazers_count":1,"open_issues_count":41,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-01T03:43:11.877Z","etag":null,"topics":["chrome-devtools","css3","html5","javascript","linters","webpack"],"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/Microverse-Fullstack-Program.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":"2023-01-17T14:34:31.000Z","updated_at":"2024-10-06T14:02:38.000Z","dependencies_parsed_at":"2024-11-12T17:32:49.122Z","dependency_job_id":"336abe5c-05a5-45f1-80c2-d5e385172a91","html_url":"https://github.com/Microverse-Fullstack-Program/JavaScript-Capstone","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Microverse-Fullstack-Program/JavaScript-Capstone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Microverse-Fullstack-Program%2FJavaScript-Capstone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Microverse-Fullstack-Program%2FJavaScript-Capstone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Microverse-Fullstack-Program%2FJavaScript-Capstone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Microverse-Fullstack-Program%2FJavaScript-Capstone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Microverse-Fullstack-Program","download_url":"https://codeload.github.com/Microverse-Fullstack-Program/JavaScript-Capstone/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Microverse-Fullstack-Program%2FJavaScript-Capstone/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263472278,"owners_count":23471812,"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":["chrome-devtools","css3","html5","javascript","linters","webpack"],"created_at":"2024-11-12T17:29:43.396Z","updated_at":"2025-07-04T08:05:42.220Z","avatar_url":"https://github.com/Microverse-Fullstack-Program.png","language":"JavaScript","readme":"\n\u003c!-- \nInstall \n- npm install --save-dev hint@7.x\n- npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x\n- npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x\n- npm install webpack webpack-cli\n- npm install css-loader style-loader\n- npm install image-webpack-loader --save-dev\n- npm i --save-dev html-webpack-plugin\n- npm install --save-dev jest\n\nTesting/Validate\n- npx hint .\n- npx stylelint \"**/*.{css,scss}\"\n- npx eslint .\n- npm run build\n--\u003e\n\n\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n  ![image](https://user-images.githubusercontent.com/73167960/213892955-1ee89085-7ced-4ae0-af66-b37d405d5a9b.png)\n  \u003cbr/\u003e\n\n  \u003ch3\u003e\u003cb\u003eMusem of Art API-based WebApp \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- [👥 Authors](#authors)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [❓ FAQ](#faq)\n- [📝 License](#license)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 [JavaScript Capstone] \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n\u003e A **Museum of Art** is website built during the Microverse online program as part of the JavaScript module Capstone project by a team of two people. The purpose of the project was to provide hand on experience in javascript, unit-testing, and API. The app is built using the frontend technologies HTML, CSS, and JavaScript.\n\n**[JavaScript Capstone]** \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 - VS Editor\n\u003e - GitHub and Gitflow\n\u003e - HTML5\n\u003e - CSS3\n\u003e - JavaScript ES6\n\u003e - Webpack\n\u003e - JavaScript API\n\u003e - Jest Unit testing\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n\u003e The key features of this website include.\n\n\u003e - **Interactive**\n\u003e - **Responsive**\n\u003e - **API enabled**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\u003c!-- LIVE DEMO --\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- [Live Demo Link]( https://microverse-fullstack-program.github.io/JavaScript-Capstone/dist)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LIVE VIDEO --\u003e\n\n## 🚀 Live Demo Video \u003ca name=\"live-video\"\u003e\u003c/a\u003e\n\n- [Live Video Link](https://drive.google.com/file/d/17xSKFWcw2C6TQKhvuokMd2S8MeHMoyXV/view?usp=sharing)\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 to install npm and node.js as well as webpack and linter modules\n\n### Setup\n\nClone this repository to your desired folder:\n1. Use VScode: open terminal in VScode\n2. Navigate to the directory where you want clone the copy of this repository\n3. Create new directory [optional]\n4. Clone the repo using the below command\n \u003e git clone https://github.com/Microverse-Fullstack-Program/JavaScript-Capstone.git\n\n ### Usage\n\nThis project can be used to learn and practice javascript ES6 and Webpack. More specifically;\n* Building a dynamic websites and single page apps.\n* Use ES6 syntax, modules, callbacks and promises.\n* Use webpack.\n* Apply HTML, CSS and JavaScript best practices.\n* Write units tests for a JavaScript app.\n* Follow GitHub flow and Gitflow.\n* Solve git conflicts.\n* Use API documentation to send and receive data from an API.\n* Understand and use JSON.\n* Make JavaScript code asynchronous.\n* Perform a code review for a team member.\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 The collaborators of this project.\n\n👤 **Thinus Van de Venter**\n\n- GitHub: [@githubhandle](https://github.com/Thinus01)\n- Twitter: [@twitterhandle](https://twitter.com/thinus_v_d_v#gh-light-mode-only)\n- LinkedIn: [LinkedIn](https://www.linkedin.com/in/thinus-van-de-venter-99aa26203/#gh-light-mode-only)\n\n👤 **Chere Lemma**\n\n- GitHub: [@githubhandle](https://github.com/cherelemma)\n- Twitter: [@twitterhandle](https://twitter.com/Chere21271613)\n- LinkedIn: [LinkedIn](https://www.linkedin.com/in/chere-lemma27211613)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\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/Microverse-Fullstack-Program/JavaScript-Capstone/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\nGive a ⭐️ if you like this project!\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\n\u003e I would like to thank [Microverseinc](https://github.com/microverseinc) for.\n\n* [Readme-template](https://github.com/microverseinc/readme-template)\n* [Linter for HTML \u0026 CSS3 \u0026 JavaScript](https://github.com/microverseinc/linters-config)\n* [The Metropolitan Museum of Art Collection API](https://metmuseum.github.io/#objects)\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","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmicroverse-fullstack-program%2Fjavascript-capstone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmicroverse-fullstack-program%2Fjavascript-capstone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmicroverse-fullstack-program%2Fjavascript-capstone/lists"}