https://github.com/microverse-fullstack-program/javascript-capstone

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.
https://github.com/microverse-fullstack-program/javascript-capstone

chrome-devtools css3 html5 javascript linters webpack

Last synced: 6 months ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/microverse-fullstack-program/javascript-capstone
• Owner: Microverse-Fullstack-Program
• License: mit
• Created: 2023-01-17T14:34:31.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-23T18:37:28.000Z (almost 3 years ago)
• Last Synced: 2025-03-01T03:43:11.877Z (11 months ago)
• Topics: chrome-devtools, css3, html5, javascript, linters, webpack
• Language: JavaScript
• Homepage:
• Size: 638 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 41
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          






  ![image](https://user-images.githubusercontent.com/73167960/213892955-1ee89085-7ced-4ae0-af66-b37d405d5a9b.png)

  


  
Musem of Art API-based WebApp 




# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run tests](#run-tests)

  - [Deployment](#triangular_flag_on_post-deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [❓ FAQ](#faq)

- [📝 License](#license)

# 📖 [JavaScript Capstone] 

> 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.

**[JavaScript Capstone]** 

## 🛠 Built With 

### Tech Stack 

> - VS Editor

> - GitHub and Gitflow

> - HTML5

> - CSS3

> - JavaScript ES6

> - Webpack

> - JavaScript API

> - Jest Unit testing

### Key Features 

> The key features of this website include.

> - **Interactive**

> - **Responsive**

> - **API enabled**

(back to top)


## 🚀 Live Demo 

- [Live Demo Link]( https://microverse-fullstack-program.github.io/JavaScript-Capstone/dist)

(back to top)


## 🚀 Live Demo Video 

- [Live Video Link](https://drive.google.com/file/d/17xSKFWcw2C6TQKhvuokMd2S8MeHMoyXV/view?usp=sharing)

(back to top)


## 💻 Getting Started 

> To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need to install npm and node.js as well as webpack and linter modules

### Setup

Clone this repository to your desired folder:

1. Use VScode: open terminal in VScode

2. Navigate to the directory where you want clone the copy of this repository

3. Create new directory [optional]

4. Clone the repo using the below command

 > git clone https://github.com/Microverse-Fullstack-Program/JavaScript-Capstone.git

 ### Usage

This project can be used to learn and practice javascript ES6 and Webpack. More specifically;

* Building a dynamic websites and single page apps.

* Use ES6 syntax, modules, callbacks and promises.

* Use webpack.

* Apply HTML, CSS and JavaScript best practices.

* Write units tests for a JavaScript app.

* Follow GitHub flow and Gitflow.

* Solve git conflicts.

* Use API documentation to send and receive data from an API.

* Understand and use JSON.

* Make JavaScript code asynchronous.

* Perform a code review for a team member.

(back to top)


## 👥 Authors 

> The collaborators of this project.

👤 **Thinus Van de Venter**

- GitHub: [@githubhandle](https://github.com/Thinus01)

- Twitter: [@twitterhandle](https://twitter.com/thinus_v_d_v#gh-light-mode-only)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/thinus-van-de-venter-99aa26203/#gh-light-mode-only)

👤 **Chere Lemma**

- GitHub: [@githubhandle](https://github.com/cherelemma)

- Twitter: [@twitterhandle](https://twitter.com/Chere21271613)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/chere-lemma27211613)

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/Microverse-Fullstack-Program/JavaScript-Capstone/issues).

(back to top)


## ⭐️ Show your support 

Give a ⭐️ if you like this project!

(back to top)


## 🙏 Acknowledgments 

> I would like to thank [Microverseinc](https://github.com/microverseinc) for.

* [Readme-template](https://github.com/microverseinc/readme-template)

* [Linter for HTML & CSS3 & JavaScript](https://github.com/microverseinc/linters-config)

* [The Metropolitan Museum of Art Collection API](https://metmuseum.github.io/#objects)

(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

(back to top)