Skip to content

lizjegede/week10-ArtAttack

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Art attack 🎨

bob-ross;

Project brief

Build a fun, educational app for art lovers and children alike. Tell the difference between your Monets and Michaelangos, and we're not talking about the Teenage Ninja Mutant Turtles!

This was loosely inspired by the hit 90s TV programme.

image alt

User stories

  • As someone short on time, I want to be able to practice my drawing skills, so I don't get rusty
  • As a parent, I want to give my child a creative outlet so they're able to develop their creativity and learn about art
  • As someone who doesn't know much about art, I want to develop an appreciation, so I can show off with my new found knowledge

Created by


About the API

This project uses the esteemed Metropolitan Museum of Art API and this bad boy contains over 475,000 objects!😳


Instructions

Running the project locally

  1. Open your terminal and navigate to the folder where you would like to run the file
  2. Type npm install to install the packages associated with the project
  3. Then, enter npm start to run the project.
  4. Open http://localhost:3000 to view it in the browser.

How to run tests

To run the tests, go to the terminal and enter npm test

Acceptance criteria

  • Accept some user input (e.g. a username)
  • Query an API (e.g. the Github API, or any other fun one)
  • Populate the UI with API data
  • Have some form of persistent state and interactivity, e.g.
  • A hunger bar that decreases over time and is topped up when you feed them stars
  • A button to add more users to your collection
  • Have integration tests using React Testing Library

Stretch goals

  • Refresh button
  • Page refreshes automatically after 30
  • Implementing a rainbow pen (wooo!)

What didn't go well

  • Reading the acceptance criteria at the last minute
  • Testing
  • Time management

What went well

  • Passion for the project
  • Fetching the API
  • Making the React components
  • Working well as a team :)

About

Can you beat Picasso in 30 seconds? 🎨

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 77.3%
  • CSS 14.2%
  • HTML 8.5%