Skip to content

Latest commit

 

History

History
47 lines (27 loc) · 1.68 KB

README.md

File metadata and controls

47 lines (27 loc) · 1.68 KB

CHEEZY

by Matthew Binshtok, Rakib Hassan, Justin Pacquing

Why?

We decided that there is too much cringeworthy activity on social media among friends, and no platform to express the cringe we experience on a daily basis. Cheezy enables users to interact with friends' posts just as they can on other social networks, but with the added bonus of a cheese button, which users can press to add as much cheese to a post as they want.

Running the App

You must have React and its dependencies (Node.js, NDM) installed in order to run this app.

After cloning the repository and making sure dependencies are installed, navigate to the folder locally, then run the following command:

$ npm start

The app should open in your preferred browser.

Functionality

Cheezy is a social media website that allows users to upload photos. Along with a photo url, each photo post is also associated with the poster's name, their profile picture, and a caption for the photo.

After a photo is posted, a React component is created that allows users to:

  • Add comments to the post.
  • Like the post.
  • Cheese the post.
  • Overlay photos with filters that can be previewed, applied, and reverted back.

User Interface

Here are a few examples of different states of the app during runtime.

App State: feed with one post

App With Post State Screenshot

App State: form for adding a post

Add Post App State

App State: form for adding a comment

Add Comment App State