carflor / artistry Goto Github PK
View Code? Open in Web Editor NEWApp that helps you discover new art.
App that helps you discover new art.
[ ] - 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.
If a painting doesn't have all of the required information it can't be saved to favs!
unit test a painting page
sketch our links inside the painting page
check that it renders
check for mock data fetch
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
- 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
- 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
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
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
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"
create express server for microservice
create POST functionality for adding favorites
create fetch functionality for favorites
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.