Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/izalu99/artroamv2

Hobby project for the purpose of digital access of artworks from art museums with open apis.
https://github.com/izalu99/artroamv2

art bootstrap daisyui hobby-project jamstack nextjs14-typescript react rest-api tailwindcss

Last synced: about 2 months ago
JSON representation

Hobby project for the purpose of digital access of artworks from art museums with open apis.

Awesome Lists containing this project

README

        

# 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](https://api.artic.edu/docs/#iiif-image-api)
- [Harvard Art Museum](https://github.com/harvardartmuseums/api-docs)

## Table of Contents

- [Tech Stack](#tech-stack)
- [Project Goals](#project-goals)
- [Installation](#installation)
- [Usage](#usage)
- [Features](#features)
- [Future Plans](#future-plans)
- [License](#license)
- [Contact](#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:

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

2. Navigate to the project directory:

```bash
cd artroamv2
```

3. Install dependencies:

```bash
npm install
```

## Usage

1. Start the development server:

```bash
npm start
```

or

```bash
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](https://github.com/izalu99)