Art Gallery Explorer

Art Gallery Explorer is a web application built with Nuxt 3 that allows users to explore the vast collection of artworks from the Art Institute of Chicago. Leveraging the Art Institute of Chicago API, this app provides a user-friendly interface to search, view, and learn about various artworks.

Table of Contents

• Features
• Installation
• Usage
• API Reference
• Contributing
• License

Features

• Search Artworks: Easily search for artworks by title, artist, or keyword.
• Artwork Details: View detailed information about each artwork, including the artist, creation date, medium, and high-resolution images.
• Random Artwork: Discover a new artwork each time you visit the app.
• Responsive Design: Enjoy a seamless experience on both desktop and mobile devices.

Installation

To get started with the project, follow these steps:

1. Clone the repository:

   git clone https://github.com/Bril3d/Art_Museum.git
   cd Art_Museum

2. Install dependencies:

   npm install

3. Create a .env file: Create a .env file in the root directory of the project and add any necessary environment variables. For example:

   API_BASE_URL=https://api.artic.edu/api/v1
   

4. Run the development server:

   npm run dev

5. Build the project for production:

   npm run build

6. Start the production server:

   npm run start

Usage

Once the server is running, open your browser and navigate to http://localhost:3000. You can now search for artworks, view details, and explore the collection.

Example API Call

Here's an example of how to fetch artworks using the Art Institute of Chicago API:

async function fetchArtworks(query) {
    const response = await fetch(`${process.env.API_BASE_URL}/artworks/search?q=${query}`);
    const data = await response.json();
    return data.data;
}