Skip to content

carflor/ArtisTry

Repository files navigation

ArtisTry

This application is deployed on heroku: ArtisTry Heroku.

An application for budding art connoisseurs, to peruse and procure a personalized collection of paintings.

GitHub:

This project was bootstrapped with Create React App and uses data retrieved from the WikiArt API.

Contributors:

Learning Goals

  • Designing an application from scratch.
  • Researching and effectively using a previously unknown technology.
  • Building applications in React.
  • Implementing React Hooks.
  • Testing React with Jest and React Testing Library.
  • Developing solid practices for project management.
  • Using Router to manage URL states.
  • Using Express to build a micro-service.
  • Managing API fetch calls and writing endpoints in the microservice.

Project Overview

The primary emphasis of this project was on researching and effectively implementing a technology to which we had not previously been exposed. Our "stretch technology" was React Hooks, which we were able to leverage to manage state and component lifecycle methods.

Main Page

Upon loading the application, our enterprising enthusiasts will be greeted with an array of the most commonly sought-out artworks in our collection.

Painting Information

You must know more! If you need more information about a work of art simply click on the image and the information available about the art will be displayed. It's good stuff to know. Who knows who might need to impress?

Artist Gallery

You've suddenly discovered an artist of which you were not previously aware and barely evaded a social catastrophe. If you'd like to see more works of art by your new favorite artist that you can't shut up about, simply click on the artist's name on the painting details page.

Favorite Painting

If you love a painting, make sure to save it to your personal collection. Look at you! You're developing a sense of taste.

My Gallery

If you would like to see your personal art collection, simply select the "My Gallery" button. Is there a particular work that you can't get out of your head? This is where you can come back to look at it over and over and over again until you go mad!

Explore

So knowledgable about famous work of art that you're no fun at parties? Time to broaden your horizons. Use the "Explore" button to see a seemingly random selection of paintings.

Technologies Used

  • React
  • React Hooks
  • Router
  • React Testing Library / Jest
  • Express
  • JavaScript
  • HTML/CSS

Systems/Practices

  • git/Version Control
  • ARIA

About

App that helps you discover new art.

Resources

Stars

Watchers

Forks