Arthive link: https://artic-pet-ctd.vercel.app/
Arthive is a pre-work project for Code The Dream, aimed at creating a user-friendly catalog for viewing artworks without the distractions of other museum services.
Arthive brings several interesting features to the table:
- Responsive design: Ensuring accessibility and a seamless user experience across all devices, Arthive features a responsive design that adapts to various screen sizes. Whether browsing on a desktop, tablet, or smartphone, users can enjoy the full functionality of the site without compromise.
- Animated Hero Banner: A captivating entrance to the art world right from the start.
- Milestone Artworks Block: Features artworks celebrating 100/200/300 years anniversaries, automatically selected from the API.
- Random Artworks Block: A collection of random artworks presented in a convenient horizontal scrolling interface.
- Artist Catalog: A unique and user-friendly artist selection catalog, further refined by the first letter of the artist's name. This feature is particularly beneficial as the API has pagination limits, making it challenging to fetch data from the last pages.
- Search Functionality: Implemented search by artist and artwork, allowing users to easily find what they're looking for.
- DeepZoom Technology: Offers the ability to view artworks in incredible detail, providing a unique opportunity to see every aspect of the masterpiece.
To set up the project locally for development and testing purposes, follow these steps:
# Clone the repository
git clone https://github.com/VoldemLive/pet-CTD.git
# Navigate to the project directory
cd pet-CTD
# Install dependencies
npm install
# Serve the project locally
npm start- React - The web framework used for building the UI.
- OpenSeadragon - For implementing DeepZoom in artwork viewing.
- Axios - Used for API requests to fetch data.
- Vite - Frontend build tool for a faster and more efficient development experience.
- Tailwind CSS - A utility-first CSS framework for rapidly building custom designs.
- React Router - For dynamic routing in React.
- Volodymyr Shynkarov - VoldemLive
This project is licensed under the MIT License - see the LICENSE.md file for details.
- A special thank you to Code The Dream for providing the opportunity and support necessary to bring this project to life. The journey through Code The Dream's program has been invaluable in learning and applying new skills in a practical and impactful way.
- I am immensely grateful to the Art Institute of Chicago for making their comprehensive API available to the public. This API has been an incredible resource, allowing for the exploration and integration of some of the world's most treasured artworks into Arthive. The access to such a vast and detailed collection of art data has been pivotal in the development of this project, offering a unique opportunity to engage with art in a new and innovative way.