Art Roam

A hobby project aimed at making art more accessible through the use of open art sources. The app allows users to explore various works of art, integrating APIs from well-known institutions to showcase diverse collections.

Current API Integrations:

• The Art Institute of Chicago
• Harvard Art Museum

Table of Contents

• Tech Stack
• Project Goals
• Installation
• Usage
• Features
• Future Plans
• License
• Contact

Tech Stack

• Frontend: React, Next.js
• Styling: Tailwind CSS, Bootstrap
• Language: JavaScript
• APIs: The Art Institute of Chicago, Harvard Art Museum

Project Goals

• Learn API Integration: Gain hands-on experience working with public APIs.
• Promote Art Accessibility: Make art more accessible by showcasing works from open art sources.
• Explore Modern Web Development: Use React, Next.js, and modern styling frameworks to build a responsive and accessible web application.

Installation

1. Clone the repository:

   git clone https://github.com/izalu99/artroamv2.git

2. Navigate to the project directory:

   cd artroamv2

3. Install dependencies:

   npm install

Usage

1. Start the development server:

   npm start

   or

   npm run dev

2. Open your browser and navigate to http://localhost:3000.

Features

• Responsive Design: The web app is fully responsive, adapting to different screen sizes and devices.
• Search and Filter: Easily search and filter artworks to find specific pieces or explore different collections.
• API Integration: Displays artworks using data fetched from the Art Institute of Chicago and Harvard Art Museum APIs.
• Accessibility: Designed with accessibility in mind, following WCAG guidelines for an inclusive user experience.
• Dynamic Gallery: Artworks are dynamically loaded from the APIs, providing an up-to-date browsing experience.

Future Plans

• Additional API Integrations: Integrate more open art APIs to broaden the range of collections.
• Favorites Feature: Allow users to save and view their favorite artworks.
• Enhanced Filtering: Add advanced filtering options, such as filtering by artist, period, or medium.
• Progressive Web App (PWA): Make the app installable and usable offline.
• User Accounts: Add user accounts for a personalized experience, including saving favorite artworks or search settings.
• Blog Section: Include a blog to discuss art-related topics, such as history, trends, and featured collections.

License

License information is being finalized...

Contact

For questions or suggestions, feel free to reach out:

• GitHub: izalu99