hajnaloltyan/group-capstone-javascript-art-gallery

API Capstone project for the Javascript module, first group project with shared approach. Simple Art gallery site, using the Chicago Art Institute's API service to fetch the art works. Create using HTML, CSS and Javascript.

📗 Table of Contents

• 📗 Table of Contents
• 📖 JS/API-CAPSTONE Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Run tests
    • Deployment
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 📝 License

📖 JS/API-CAPSTONE Project

This is our Microverse JS/API-CAPSTONE Project site, featuring an Art Gallery using HTML, CSS and Javascript. The site displays 12 art works from the Art Institute of Chicago API, and each of the items have the like button underneath with a like counter shown. Also with the Comments button, people can view the individual card on a pop-up with additional details, and read the previous comments from other users, or add their own new comment.

🛠 Built With

Tech Stack

HTML

CSS

Javascript

Key Features

• Webpack
• Git WorkFlow
• Jest
• Using APIs

(back to top)

🚀 Live Demo

• Live Demo Link

(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:

• Code editor
• Node

Setup

Clone this repository to your desired folder by opening the terminal and running the following command:

  git clone git@github.com:Zven94/JS-group-capstone.git

Install

Install this project with:

  npm install

Usage

To run the project:

Open the Project in your code editor and type

  npm start

command to run the project.

Run tests

To run tests, run the following commands:

For HTML linter errors:

  npx hint .

For CSS linter errors:

  npx stylelint "**/*.{css,scss}"

For Javascript linter errors:

  npx eslint .

Deployment

Deployed by GitHub Pages.

(back to top)

👥 Authors

👤 Nicolas Emiliano Bolañez

• GitHub: @Zven94
• LinkedIn: Nicolas Emiliano Bolañez

👤 Hajnalka Oltyan

• GitHub: @hajnaloltyan
• LinkedIn: Hajnal Oltyan

(back to top)

🔭 Future Features

**Completing all Student C's tasks:

• Display Reservations pop up with selected item's details
• Display reservations for a given item on the Reservations pop-up
• Create feature: add new reservation
• Add reservations counter
• Add tests for reservations counter

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

(back to top)

⭐️ Show your support

If you like this project please leave a star and a comment.

(back to top)

🙏 Acknowledgments

We would like to thank Microverse to have this opportunity, and also thank you the code review team.

(back to top)

📝 License

This project is MIT licensed.

(back to top)