carflor / artistry Goto Github PK

[ ] - When you select a painting in an artist's gallery, it crashes the page.
[ ] - Pass the setSelected function down to the PainterInfo component

Because the broken links are hidden the tab sometimes tabs to a hidden element.

• create new hook to make search fetch request
• create link on Nav for random art
• populate paintings with response from fetch

• mc escher does not string to url appropriately, replace '.' formats

If a painting doesn't have all of the required information it can't be saved to favs!

• detail the painter data display page

• add to array of randomized search terms

• make sure all color contrast are friendly to color blind users

• fix up the nav
• fix up the gallery display
• make sure images are all showing up correctly
• add tab ability to paintings and buttons
• pick a hover effect for buttons
• pick a hover effect for paintings
• detail the page with font
• detail the page with possible background?
• any color for detailing? changes to frame color?

• build a spy test for the custom hook that fetches the painting summary

• mock out fake paintings data
• test that paintings render on page

• deploy page
• deploy microserver

• unit test a painting page

• sketch our links inside the painting page

• install linter
• apply linter rules
• lint the project

• add gallery btn in explore page
• gallery btn to artist page
• home button on gallery page

• check that it renders

• check for mock data fetch

• randomized search gets repeats after many clicks

• rework the current fetch get for the painting details into a custom hook

• split the page into its different components

• create component folders for each with their own styling and testing files

• Painting Info Page

• Painter Info Page

• My Gallery Favorites Page

• Top Paintings Page? or just a filter?
  Could be a toggle filter btn on main?

• Movement Info Page?

• get basic styling for selected painting page

• detail the page to look themed with main gallery page

• create a 3D overlay effect to lay like realistic frame popping out of wall

• hover effect - tilt - add opacity

• add tabs ability for the page btn and links

• test all displays for painting info page

• - make a list of all tested components and what has not been tested

• - write missing tests for new hooks

• - App
  Unit tests

• - display nav

• - display loading message

Integration Tests

• - display paintings once fetch resolved

• - change path location when painting is clicked

• - when a user clicks a painting, and then clicks the favorite button, that painting should be saved to favorites

• - when a user clicks the "Explore" button, they should be routed to the random-art path

• - when a user clicks the "My Gallery" button, they should be on the user-gallery path

• - Gallery
  Unit tests

• - display loading message

• - display paintings on load

• - Hooks

  • - useArtistInfo
  • - use PaintingInfo
  • - usePaintings
  • - usePaintingSummary

• - PainterInfo
  Unit tests

• - display artist name

• - display nav

• - render gallery component

• - Painting
  Unit tests

• - display painting

• - display nothing if image is broken (??)

• - PaintingInfo
  Unit tests

• - display title, artist name, and year to dom

** Integration Tests **

• - add to favorites

• - remove from favorites

• - Random Art
  Unit tests

• - display nav

• - display loading message

• - displays gallery of paintings.

Integration Tests

• - display paintings once fetch resolved

• - reload page when explore is clicked

• - User Gallery

• prep readme with

• abstract

• list of technologies used

• img/gif of app in use

• link of deployed app if possible

• collaborators

• unit test that it renders one image
• unit test that it shows correct data

• current gallery for O'Keefe is unavailable due to an issue with public domain

• come up with a workaround

• perhaps display a "unavailable artworks" message

• choose an API from which to get all art data to display

• create a wireframe for the applications main page

• add integration test for app based on displaying the painting page on click

• add react router to the project for selectedPainting page
  and main page

Unit test the Painting Info Page

• our current painting titles can vary in capitalization

• write fn to capitalize first letter of every work of painting titles

• remove tab ability for images that do not display

• wireframe the new component for the selected painting page
• select area where it could contain links
• back button icon?

• setup nav bar with title and login spaced appropriately
• re-worked spacing for body of page

• work on current browser score - currentScore: 86

• work on current mobile score - currentScore: 86

• create link for back btn page to re-render main gallery

• create link for painter info page possibly out of the name link - - other ideas?

• create links for other painter pages based on related artists?

• create link for movement page? perhaps aggregate movement artists? brainstorm organization to the page relations.

• fix "should change path locations when a painting is clicked"

• fix "● App › should display all paintings once fetch is resolved"

• test it renders
• test nav shows up correctly
• async test the fetch is working correctly

• create express server for microservice

• create POST functionality for adding favorites

• create fetch functionality for favorites

• make sure all necessary files have propTypes checks

• pick a font for page titles

• should it be the same font for painting tiles? painter titles? etc.

Idea 1:
Google Font Lemonada

Idea2:
Google Font PlayFair

Paired with
RobotoMono

• at the moment our painting page only display - title of painting - painter - completion year

• add details from the artwork

• add details from artist

• remove all back btns
• replace with title page btn that return user to homepage

• create unit test for painting page that is displaying correct data

• create a fn to load the fetch array in random

• should render
• display all nav items correctly

• use media queries to adapt our page to mobile (especially painting page)