Art-Gallery

This React-Redux app fetches artworks from the Art Institute of Chicago API.

From the home page the user can input a term related to the artwork that they are searching for (could be the name of the artwork, the artist, the style, etc.).

The app will then render a listing of all the artworks that match the search criteria, displaying their image as well as their title and creator data.

It also allows for the user to select a specific artwork by clicking on it, then goes on to display more information on that artwork ( date, type of artwork, dimensions, medium, provenance of artist, category in which the artwork is included).

Live Demo

https://elaborate-sunflower-63cbfb.netlify.app/

Video Demo of the Project

https://www.loom.com/share/d720b95281004009babba124e75916cd

Setup and Install

• Open your terminal - Windows: Win + R, then type cmd | Mac: Command + space, then type Terminal
• Navigate to a directory of your choosing using the cd command
• Run this command in your OS terminal: git clone git@github.com:German-Cobian/Artworks.git to get a copy of the project
• Navigate to the project's directory using the cd command
• In the clone folder, run npm install
• To fire up the server run npm start
• Visit http://localhost:3001/ in your browser to get into the app

Built With

• Semantic HTML
• JavaScript
• React
• Redux
• Github workflow
• Linters(stylelint, Webhint, eslint)

Author

👤 German Cobian

• GitHub: @German Cobian
• Twitter: @GermanCobian1
• LinkedIn: @German Cobian

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Microverse
• Code reviewer(s)
• Art Institute of Chicago
• Original design idea by Nelson Sakwa

📝 License

MIT licensed.