CS361 Project - "We Love Nature"

"We Love Nature" for CS361(Software Engineering 1) project.

1. Users can react(Like or Dislike) to nature images by swiping left or right, or pressing a Like/Dislike button.

2. Users can see new set of nature images with Refresh button by using my microservice(Nature Image Web Scraper(https://github.com/positive235/CS361-image-web-scraper)).

3. Users can change the style of images by pressing Style button.

Try it out (maybe it takes a while to load)

https://positive235.github.io/CS361-we-love-nature/

How To Run

cd CS361-we-love-nature
npm i
npm start

Screenshots

HomePage

Tooltips to breifly explain the features

How To Use

Ask users when pressing a Refresh button

A new set of nature images after Refresh button

Credits

(1)

• Copyright file:"https://github.com/3DJakob/react-tinder-card-demo/blob/master/src/examples/Advanced.js"
• Copyright (c) 2020 All Rights Reserved
• Author: Jakob Unnebäck
• Summary: react-tinder-card Advanced Example

(2)

• Copyright file:"https://github.com/3DJakob/react-tinder-card-demo/blob/master/src/App.css"
• Copyright (c) 2020 All Rights Reserved
• Author: Jakob Unnebäck
• Summary: react-tinder-card CSS Example