Code Monkey home page Code Monkey logo

cap-that-app's Introduction

Cap-That-App

The basic story of your application

  • (BOTH) As a user, I want to see photos from tenor API
  • (BOTH) As a user, I want to see a photo with captions
  • (BOTH) As a user, I want to vote for my favorite captions by clicking
  • (BOTH) As a user, I want to submit my own caption that will appear with all other captions and that can be voted on
  • (BOTH) As a user, I want to submit my own photos that will appear with all other photos
  • (BROOKS) As a user, I want to see my submitted photo/gif appear as the first caption on the page
  • (MADI) As a user, I want to see the caption with the highest vote at the top of the list of captions

The core features of your MVP

  • See funny photos/gifs, create captions for it, and vote on the best captions

The API data you'll be using and how you'll use it

Challenges you expect to face

  • Pulling a sample size of photos from imgur for our MVP
  • Making sure the caption with the most votes appear at the top
  • Being able to click to the next photo that will maintain all event features

How you are meeting the requirements of the project Your app must be a HTML/CSS/JS frontend that accesses data from a public API. All interactions between the client and the API should be handled asynchronously and use JSON as the communication format. - Using API data from imgur Your entire app must run on a single page. There should be NO redirects. In other words, your project will contain a single HTML file. - Our MVP will be on a single page Your app needs to incorporate at least 3 separate event listeners (DOMContentLoaded, click, change, submit, etc). - Click to like Submit form to add caption - Submit form to add new photo Some interactivity is required. This could be as simple as adding a "like" button or adding comments. These interactions do not need to persist after reloading the page. - Click to like Follow good coding practices. Keep your code DRY (Do not repeat yourself) by utilizing functions to abstract repetitive code. - We will do this

Getting Started

cap-that-app's People

Contributors

brookswil avatar madmizu avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

brookswil

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.