nurlanimamali95 / artmuseum

ArtMuseum

Description

Welcome to the Art Museum Website. This Website allows users to explore a curated collection of artworks and exhibitions from various museums around the world. Whether you're an art enthusiast, a history buff, or just looking to immerse yourself in cultural experiences, this website provides a virtual gateway to artistic treasures and captivating exhibitions.

Click here for the Demo version

Features

• Browse a rich collection of high-quality artworks from renowned museums.
• Discover upcoming and ongoing exhibitions with detailed information.
• Search for specific artworks exhibition topics.
• Customize your search based on filters such as date or location.
• Enjoy an engaging and user-friendly interface designed for art lovers of all backgrounds.
• Experience unique animations and background artworks on different pages, enhancing the overall artistic atmosphere.

Pages

• Gallery: Immerse yourself in a diverse collection of artworks, each carefully chosen to provide a visual journey through various artistic styles and time periods.
• Exhibitions: Explore upcoming and ongoing exhibitions with information about artists, themes, and locations. Utilize search and filter options to find the exhibitions that interest you.
• About: Learn about the mission and vision behind the Museum Experience App. Discover the inspiration that drives our dedication to bringing art to your fingertips.
• Contact: Reach out to us with any inquiries, suggestions, or feedback. We value your input and would love to hear from you.

Technologies Used

• React: A JavaScript library for building user interfaces.
• React Router: A library for adding routing functionality to a React app.
• Fetch API: A browser-based interface for making HTTP requests to external resources.
• Vercel: A platform for deploying static websites and serverless functions.

Getting Started

1. Clone this repository to your local machine.
2. Install dependencies using npm install.
3. Start the development server with npm start.

Contributing

Contributions are welcome! If you find a bug or have an idea for an improvement, please open an issue or submit a pull request.

License and Data Source

This project utilizes data from the Harvard Art Museums API, a comprehensive collection of art-related information from the Harvard Art Museums. The data provided by the API powers the artworks and exhibitions displayed in this application.

Please note that the data obtained from the Harvard Art Museums API is subject to its own terms and conditions. For more information about usage rights and licensing of the data, refer to the API documentation.

Contact

For questions or inquiries, please contact [email protected].

Happy exploring and experiencing the world of art through my Art Museum Website!

Code structure

assets
public
  └── index.html
src
  └── assets
  └── components
  |            └── Footer.css
  |            └── Footer.js
  |            └── GalleryContext.js
  |            └── Main.js
  |            └── Navbar.css
  |            └── Navbar.js
  |            └── useApi.js
  |            └── useExhibitionData.js
  |            └── useImageData.js
  └── routes
  |       └── About.css
  |      └── About.js
  |      └── Contact.js
  |       └── Contact.css
  |       └── Exhibition.css
  |       └── Exhibition.js
  |       └── Gallery.css
  |      └── Gallery.js
  |       └── Home.css
  |       └── Home.js
  |
  └── App.css
  └── App.js
  └── index.js
.env
package-loc.json
package.json
README.md

Made with:



and