Do you Love Dogs or Cats More?

Deployed site: whodoyoulove.surge.sh

Table of Contents

• Abstract
• Technologies
• Code Architecture
• Illustrations
• Install
• Contributors
• Wins
• Challenges + Improvements
• Project Specs

Abstract

This application is specifically designed for people who really love dogs and really love cats equally, but feel that they would like to have a clearer answer when someone asks if they are a dog or cat person. The user is prompted to self-declare if they lean towards liking dogs, cats or love them equally. Then the user is shown 7 pairs of pictures, one dog and one cat, and they have to choice which they think is cuter. After the game is over, the user is told if they were right one their guess or wrong depending on if they like more dog or cat pictures. The user can then click the favorites button and see all of their photos they liked.

This projet was built for the final solo project for the third module at Turing School of Software and Design. The goal of the project is to use React, React router, and an api of our choice to create an application for a niche audience.

Technologies

• React
• React Router
• Atom
• Restful API
• Cypress
• HTML
• CSS

Code Architecture

• src
  • App
    • App.css
    • App.js
    • App.test.js
  • Error
    • Error.css
    • Error.js
    • error-image.jpg
  • Favorites
    • Favorites.css
    • Favorites.js
  • Game
    • Game.css
    • Game.js
  • Results
    • Results.css
    • Results.js
  • apiCalls.js
  • index.css
  • index.js
  • logo.svg
  • pawel-czerwinski.jpg
  • reportWebVitals.js
  • util.js

Illustrations

Install

Visit the deployed site: whodoyoulove.surge.sh

or

To run the application on a local machine: Clone down repository cd into repository Run npm install Run npm start Webpage will open in seperate browser

Contributors

• Hayley Dixon

Wins

• The styling and CSS was fun and I feel it looks very good
• Using two different APIs to fetch the data
• Building a react app that used game logic

Challenges + Improvements

• For future iterations I would like to add a loading gif while the application is fetching new images
• Use local storage for users to be able to save their favorite images
• Improve of Cypress Testing

Project Specs

• The project spec & rubric can be found here